title: How to pass from pop up of jqgrid when clicked button?
body: <p>I use mvc4. There is button in rows of jqgrid. when clicked button, open pop up and in pop up edit data of row's grid. but when clicked button of pop up don't pass data to action of controller.
  code of pop up:</p>
  
  <pre><code>{
       name: 'Notes',
       width: 160,
       sortable: false,
       resizable: false,
       search: false,
       formatter: function () {
           return "&lt;button onclick='OpenDialog()' style='margin-left:12px'&gt;Pop Up Dlg&lt;/button&gt;";
       }
   }
  </code></pre>
  
  <p>code of pop up (<a href="http://jqueryui.com/dialog/#modal-form" rel="nofollow">http://jqueryui.com/dialog/#modal-form</a>):</p>
  
  <pre><code>&lt;script&gt;
      $(function() {
          var dialog, form,
          modserial = $("#ModSerial"),
              simno = $("#SimNo"),
  
              function addUser() {
                  $(function() {
                      $.ajax({
                          url: '@Url.Action("EditMet", "MetGrid")',
                          data: "{'ModSerial':'" + document.getElementById('ModSerial').value + "', 'SimNo':'" + document.getElementById('SimNo').value + "'}",
                          type: "Post",
                          dataType: "Html",
                          success: function(result) {
                              $("#Data").html(result);
                          },
                          error: function() {
                              alert("Error!");
                          }
                      });
                  });
              }
  
              function log() {}
          dialog = $("#dialog-form").dialog({
              autoOpen: false,
              height: 400,
              width: 350,
              modal: true,
              buttons: {
                  "...": log,
                      "Confirm": addUser,
                  Cancel: function() {
                      dialog.dialog("close");
                  }
              },
              close: function() {
                  form[0].reset();
                  allFields.removeClass("ui-state-error");
              }
          });
          form = dialog.find("form").on("submit", function(event) {
              event.preventDefault();
              addUser();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>When call action(@Url.Action("EditMeter", "MeterGrid")), pass null to controller. How to pass data and id's row grid to action?</p>