Handling multiple submit buttons on the same form

Method 1 - Submit the form for each button

@using (Html.BeginForm("Department", "Edit", FormMethod.Post, new { id = "submitForm" }))
{
                 
     <div class="form-elements">
            @Html.Label("Department Code:*", new { id = "lblDepartmentCode" })
            @Html.TextBoxFor(model => model.DepartmentCode, new { id = "txtDepartmentCode" })
            @Html.ValidationMessageFor(model => model.DepartmentCode)
      </div>

      <div class="form-elements">
           @Html.Label("Department Name:*", new { id = "lblDepartmentName" })
           @Html.TextBoxFor(model => model.DepartmentName, new { id = "txtDepartmentName" })
            @Html.ValidationMessageFor(model => model.DepartmentName)
      </div>
   

<div id="divDepartmentbutton",class="masterButtons" >  
             
<input type="submit" id="btnDepartmentUpdate" class="masterSubmitButton" name="Command" value="Update"  onclick="return confirm('Are you sure to Update?');" />    

                   <input type="submit" id="btnDepartmentDelete" class="masterSubmitButton" name="Command" value="Delete"  onclick="return confirm('Are you sure to Delete?');"   />                    
                   <input type="submit" id="btnDepartmentcancel" class="masterSubmitButton" name="Command" value="Cancel(server side)"/>  

    </div>

}

 Action Method in Controller

  [HttpPost]
       public ActionResult Edit(M_Departments m_departments, string Command, int id = 0)
{
try
{
          if (ModelState.IsValid)
          {
             if (Command == "Update")
            {

               }
              if (Command == "Cancel")
             {

              }
            if (Command == "Delete")
            {

             }
}
catch (DataException ex)
{

}

return View();
}

Method 2 - Introducing Second From

@using (Html.BeginForm("Department", "Edit", FormMethod.Post, new { id = "submitForm" }))
{
                 
     <div class="form-elements">
            @Html.Label("Department Code:*", new { id = "lblDepartmentCode" })
            @Html.TextBoxFor(model => model.DepartmentCode, new { id = "txtDepartmentCode" })
            @Html.ValidationMessageFor(model => model.DepartmentCode)
      </div>

      <div class="form-elements">
           @Html.Label("Department Name:*", new { id = "lblDepartmentName" })
           @Html.TextBoxFor(model => model.DepartmentName, new { id = "txtDepartmentName" })
            @Html.ValidationMessageFor(model => model.DepartmentName)
      </div>
   

<div id="divDepartmentbutton",class="masterButtons" >  
             
<input type="submit" id="btnDepartmentUpdate" class="masterSubmitButton" name="Command" value="Update"  onclick="return confirm('Are you sure to Update?');" />    

                   <input type="submit" id="btnDepartmentDelete" class="masterSubmitButton" name="Command" value="Delete"  onclick="return confirm('Are you sure to Delete?');"   />                    
                   <input type="submit" id="btnDepartmentcancel" class="masterSubmitButton"  value="Cancel" name="Command"  onclick="$('#cancelForm').submit()"> 

  </div>

@using (Html.BeginForm("MultipleButtonCancel", "Home", FormMethod.Post, new { id = "cancelForm" })) { }


Action Method in Controller
 [HttpPost]
       public ActionResult MultipleButtonCancel()
{

}

Comments

Post a Comment

Popular posts from this blog

How to retain the data annotations or class during modify a table in the database

Image
In database-first approach since there is an existing database., The entity classes are automatically created by edmx model.: If we use [MetadataType(typeof(ConceptMetadataSource))] to attach a MetadataSource file which contains all the data annotations like [HiddenInput(DisplayValue = false)] or [Display(Name = "Title")]. The data annotations will be wiped out each time the entity classes are regenerated as the code will be regenerated once we modify a table in the database Solution: All you have to do is create another partial class and use Metadatatype attribute Create a metadata class in models as below…   Create a Partial class for the metadata in models as below… The new partial class can be created in a different folder
Read more

Interview Questions

Difference between GET and POST. Which one is more secure? GET and POST methods are used for the data transfer between the web pages. GET mainly used for small data which is not secure because in case of GET method, the data which we are passing will be visible in the url so we can't keep the secure data which will be visible in the url. There is also limited data which can be passed in case of GET method (max 255 character). POST is used for transferring the huge data between the pages where we can keep the secure data and can transfer it. In case of using the POST method, the data which is transferring between the pages will not be visible so it is more secure than the GET method. Also there is no limit for POST method to post the data to the next page. POST is more secure What are Razor engines? How is it diff from ASP Engines? A. RAZOR engine is the new concept in the MVC 3 which is mainly used to create the views in the MVC applications. It created the cshtml pages for...
Read more

AJAX CONTROL

Image
1.        Goto  web confiq add following controls        < controls >   < add tagPrefix = " ccl " namespace = " AjaxContolToolkit " assembly   = " AjaxContolToolkit " />      </ controls > 2.        Go to  bin folder  ->  include project -> add ajax.dll file from AjaxControl Toolkit 3.        Add  toolsciptmanager  to default.aspx            < asp : ToolkitScriptManager ID ="ToolkitScriptManager1" runat ="server">         </ asp : ToolkitScriptManager > 4.        Create a function < script type = "text/javascript" >     function panelclick()     {    alert( "click" );  ...
Read more