How to call c# code behind function using bootstrap

Question

How to call a function from code behind when the save changes is clicked by the user?

<div class="container">
    <div class="modal fade" id="myModal" role="dialog" data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Warning you're going to delete a data</h4>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to continue?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button"  class="btn btn-primary">Save changes </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</div>

something like this

protected void deleterecord(){
}

Mikhail Tulubaev · Accepted Answer · 2015-10-20 07:58:49Z

1

In MVC you can do this by sending request to controller's action like

@Html.ActionLink("Save Changes", "DeleteRecord", null, new { @class="btn btn-primary" })

or

<input type="button" value="Save Changes" class="btn btn-primary"
onclick="location.href='@Url.Action("DeleteRecord", "MainController")'" />

and add action in controller

public ActionResult DeleteRecord()
{
    this.deleterecord();
    return View();
}

In Web Forms you can append event handler on button click event

        <asp:Button
            ID="Button_Save"
            runat="server"
            Text="Save Changes"
            CssClass="btn btn-primary"
            OnClick="Button_Click" />

or

<input type="button" value="Save Changes" runat="server" class="btn btn-primary"
onclick="Button_Click" />

and add code behind handler for this event

protected void Button_Click(object sender, EventArgs e)
{
    this.deleterecord();
}

edited Oct 20, 2015 at 7:58

answered Oct 20, 2015 at 7:53

Mikhail Tulubaev

4,28122 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aliasghar Bahrami · Accepted Answer · 2015-10-20 07:54:25Z

0

You can try this in your web form with a button called btnSave for example:

 <button type="button" class="btn btn-default" data-dismiss="modal" onclick="javascript:SaveWithParameter('Hello Michael')">Close</button>
<script type="text/javascript">
function SaveWithParameter(parameter)
{
  __doPostBack('btnSave', parameter)
}

And in your code behind add something like this to read the value and operate upon it:

public void Page_Load(object sender, EventArgs e)
{
  string parameter = Request["__EVENTARGUMENT"]; // parameter
  // Request["__EVENTTARGET"]; // btnSave
}

answered Oct 20, 2015 at 7:54

Aliasghar Bahrami

2671 gold badge3 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to call c# code behind function using bootstrap

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related