Asp.net mvc 如何在asp.net mvc中单击按钮时清除jqgrid

我是jqgrid的新手， 我的问题是，当我单击html按钮时，我需要用新值刷新网格值？我如何将参数传递给控制器

提前谢谢

<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
 <link rel="stylesheet" type="text/css" href="/scripts/themes/coffee/grid.css" 
  title="coffee" media="screen" />
<script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="/Scripts/jquery.jqGrid.js" type="text/javascript"></script>
<script src="/Scripts/js/jqModal.js" type="text/javascript"></script>
<script src="/Scripts/js/jqDnR.js" type="text/javascript"></script>

<script type="text/javascript">

  jQuery(document).ready(function() {
      $("#btnSearch").click(function() {
          jqGridContainer.dir.
          var StateId = document.getElementById('StateId').value;
          var CityId = document.getElementById('CityId').value;
          var HName = document.getElementById('HospitalName').value;
          alert(CityId);
          alert(StateId);
          alert(HName);
          if (StateId > 0 && CityId == '' && HName == '') {
              CityId = 0;
              HName = 'Default'.toString();
              alert("elseif0" + HName.toString());
          }
          else if (CityId > 0 && StateId == '') {
              alert("elseif1");
              alert("Please Select State..")
          }
          else if (CityId > 0 && StateId > 0 && HName == '') {
              alert("elseif2");
              alert(CityId);
              alert(StateId);
              HName = "Default";
          }
          else {
              alert("else");
              StateId = 0;
              CityId = 0;
              HName = "Default";
          }
          //            $("#Submit1").click(function() {
          //            //{  function gridReload() {
          //                  //var customer = $(this).val();
          //                  $('#list').setGridParam({ url: '/Claim/DynamicGridData/?StateId=' + StateId + '&CityId=' + CityId + '&hospname=' + HName, page: 1
          //                  }).trigger("reloadGrid");
          //  Submit1.trigger("reloadGrid");
          jQuery("#list").jqGrid({
              url: '/Claim/DynamicGridData/?StateId=' + StateId + '&CityId=' + CityId + '&hospname=' + HName,

              datatype: 'json',
              mtype: 'GET',
              colNames: ['Id', 'HospitalName', 'Address', 'City', 'District', 'FaxNumber', 'PhoneNumber'],
              colModel: [{ name: 'HospitalId', index: 'HospitalId', width: 40, align: 'left' },
                           { name: 'HospitalName', index: 'HospitalName', width: 40, align: 'left' },
                           { name: 'Address1', Address: 'Address1', width: 300 },
                           { name: 'CityName', index: 'CityName', width: 100 },
                           { name: 'DistName', index: 'DistName', width: 100 },
                           { name: 'FaxNo', index: 'FaxNo', width: 100 },
                           { name: 'ContactNo1', index: 'PhoneNumber', width: 100 }
                        ],
              jsonReader: {
                  repeatitems: true,
                  id: "0"
              },
              pager: jQuery('#pager'),
              rowNum: 10,
              rowList: [5, 10, 20, 50],
              // sortname: 'Id,',
              sortname: '1',
              sortorder: "asc",
              viewrecords: true,
              //multiselect: true,
              //multikey: "ctrlKey",
              imgpath: '/scripts/themes/coffee/images',
              caption: 'Hospital Search',
              width: 700,
              height: 250
          });

      });
  });

</script> 

jQuery（文档）.ready（函数（）{
$（“#btnSearch”）。单击（函数（）{
jqGridContainer.dir。
var StateId=document.getElementById（'StateId'）。值；
var CityId=document.getElementById（'CityId'）.value；
var HName=document.getElementById（'HospitalName'）.value；
警报（CityId）；
警报（StateId）；
警惕（HName）；
如果（StateId>0&&CityId=''&&HName=''）{
CityId=0；
HName='Default'.toString（）；
警报（“elseif0”+HName.toString（））；
}
else if（CityId>0&&StateId==''）{
警报（“elseif1”）；
警报（“请选择状态…”）
}
else if（CityId>0&&StateId>0&&HName==''）{
警报（“elseif2”）；
警报（CityId）；
警报（StateId）；
HName=“默认”；
}
否则{
警惕（“其他”）；
StateId=0；
CityId=0；
HName=“默认”；
}
//$（“#提交1”）。单击（函数（）{
////{函数gridReload（）{
////var customer=$（this.val（）；
//$（“#列表”）.setGridParam（{url:'/Claim/DynamicGridData/？StateId='+StateId+'&CityId='+CityId+'&hospname='+HName，第1页
//}）触发器（“重新加载网格”）；
//提交1.触发器（“重新加载网格”）；
jQuery（“#list”）.jqGrid({
url:'/Claim/DynamicGridData/？StateId='+StateId+'&CityId='+CityId+'&hospname='+HName，
数据类型：“json”，
mtype:'获取'，
colNames:['Id'，'HospitalName'，'Address'，'City'，'District'，'FaxNumber'，'PhoneNumber']，
colModel:[{name:'HospitalId'，index:'HospitalId'，宽度：40，align:'left'}，
{name:'HospitalName'，索引：'HospitalName'，宽度：40，对齐：'left'}，
{名称：'Address1'，地址：'Address1'，宽度：300}，
{name:'CityName'，index:'CityName'，宽度：100}，
{name:'DistName'，index:'DistName'，宽度：100}，
{名称：'FaxNo'，索引：'FaxNo'，宽度：100}，
{name:'ContactNo1'，index:'PhoneNumber'，宽度：100}
],
jsonReader：{
重复项：对，
id:“0”
},
pager:jQuery（“#pager”），
rowNum:10，
行列表：[5,10,20,50]，
//sortname:'Id'，
sortname:'1'，
分拣员：“asc”，
viewrecords：是的，
//多选：对，
//多键：“ctrlKey”，
imgpath:“/scripts/themes/coffee/images”，
描述：“医院搜索”，
宽度：700，
身高：250
});
});
});

完全采用jqGrid方法，我会更新url并触发重新加载：

    jQuery("#list").jqGrid("setGridParam", {
        url: "feed.aspx?params" = yourParams,
        page: 1
    });

    jQuery("#list").trigger("reloadGrid");

根据以上代码，我猜您需要以下内容：

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery("#list").jqGrid({
        url: '/Claim/DynamicGridData/',
        datatype: 'json',
        mtype: 'GET',
        colNames: ['Id', 'HospitalName', 'Address', 'City', 'District', 'FaxNumber', 'PhoneNumber'],
        colModel: [
            { name: 'HospitalId', index: 'HospitalId', width: 40, align: 'left' },
            { name: 'HospitalName', index: 'HospitalName', width: 40, align: 'left' },
            { name: 'Address1', Address: 'Address1', width: 300 },
            { name: 'CityName', index: 'CityName', width: 100 },
            { name: 'DistName', index: 'DistName', width: 100 },
            { name: 'FaxNo', index: 'FaxNo', width: 100 },
            { name: 'ContactNo1', index: 'PhoneNumber', width: 100 }
        ],
        jsonReader: {
            repeatitems: true,
            id: "0"
        },
        pager: '#pager',
        rowNum: 10,
        rowList: [5, 10, 20, 50],
        sortname: '1',
        sortorder: "asc",
        viewrecords: true,
        imgpath: '/scripts/themes/coffee/images',
        caption: 'Hospital Search',
        width: 700,
        height: 250
    });
});

$("#btnSearch").click(function() {
    var StateId = document.getElementById('StateId').value;
    var CityId = document.getElementById('CityId').value;
    var HName = document.getElementById('HospitalName').value;
    if (StateId > 0 && CityId == '' && HName == '') {
        CityId = 0;
        HName = 'Default'.toString();
    }
    else if (CityId > 0 && StateId == '') {
        alert("Please Select State..")
    }
    else if (CityId > 0 && StateId > 0 && HName == '') {
        HName = "Default";
    }
    else {
        StateId = 0;
        CityId = 0;
        HName = "Default";
    }

    jQuery("#list").jqGrid("setGridParam", {
         url: url: '/Claim/DynamicGridData/?StateId=' + StateId + '&CityId=' + CityId + '&hospname=' + HName,
         page: 1
    });

    jQuery("#list").trigger("reloadGrid");
});
</script>

<button id="btnSearch">Search</button>
<table id="list"></table>
<div id="pager"></div>


jQuery（文档）.ready（函数（）{
jQuery（“#list”）.jqGrid({
url:“/Claim/DynamicGridData/”，
数据类型：“json”，
mtype:'获取'，
colNames:['Id'，'HospitalName'，'Address'，'City'，'District'，'FaxNumber'，'PhoneNumber']，
colModel：[
{name:'HospitalId'，index:'HospitalId'，宽度：40，对齐：'left'}，
{name:'HospitalName'，索引：'HospitalName'，宽度：40，对齐：'left'}，
{名称：'Address1'，地址：'Address1'，宽度：300}，
{name:'CityName'，index:'CityName'，宽度：100}，
{name:'DistName'，index:'DistName'，宽度：100}，
{名称：'FaxNo'，索引：'FaxNo'，宽度：100}，
{name:'ContactNo1'，index:'PhoneNumber'，宽度：100}
],
jsonReader：{
重复项：对，
id:“0”
},
寻呼机：“#寻呼机”，
rowNum:10，
行列表：[5,10,20,50]，
sortname:'1'，
分拣员：“asc”，
viewrecords：是的，
imgpath:“/scripts/themes/coffee/images”，
描述：“医院搜索”，
宽度：700，
身高：250
});
});
$（“#btnSearch”）。单击（函数（）{
var StateId=document.getElementById（'StateId'）。值；
var CityId=document.getElementById（'CityId'）.value；
var HName=document.getElementById（'HospitalName'）.value；
如果（StateId>0&&CityId=''&&HName=''）{
CityId=0；
HName='Default'.toString（）；
}
else if（CityId>0&&StateId==''）{
警报（“请选择状态…”）
}
else if（CityId>0&&StateId>0&&HName==''）{
HName=“默认”；
}
否则{
StateId=0；
CityId=0；
HName=“默认”；
}
jQuery（“#list”）.jqGrid（“setGridParam”{
url:url:'/Claim/DynamicGridData/？StateId='+StateId+'&CityId='+CityId+'&hospname='+HName，
页码：1
});
jQuery（“#list”）.trigger（“reloadGrid”）；
});
搜寻
If如果您还发布一个包含“StateId”、“CityId”、“HospitalName”、“btnSearch”、“list”和“pager”元素的HTML代码就好了。您的代码可以改进和简化，但需要了解HTML代码。请再次检查我的代码并给出正确的解决方案谢谢您宝贵的回复再次感谢您n先生，祝您愉快谢谢您的建议，@gurun8
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery("#list").jqGrid({
        url: '/Claim/DynamicGridData/',
        datatype: 'json',
        mtype: 'GET',
        colNames: ['Id', 'HospitalName', 'Address', 'City', 'District', 'FaxNumber', 'PhoneNumber'],
        colModel: [
            { name: 'HospitalId', index: 'HospitalId', width: 40, align: 'left' },
            { name: 'HospitalName', index: 'HospitalName', width: 40, align: 'left' },
            { name: 'Address1', Address: 'Address1', width: 300 },
            { name: 'CityName', index: 'CityName', width: 100 },
            { name: 'DistName', index: 'DistName', width: 100 },
            { name: 'FaxNo', index: 'FaxNo', width: 100 },
            { name: 'ContactNo1', index: 'PhoneNumber', width: 100 }
        ],
        jsonReader: {
            repeatitems: true,
            id: "0"
        },
        pager: '#pager',
        rowNum: 10,
        rowList: [5, 10, 20, 50],
        sortname: '1',
        sortorder: "asc",
        viewrecords: true,
        imgpath: '/scripts/themes/coffee/images',
        caption: 'Hospital Search',
        width: 700,
        height: 250
    });
});

$("#btnSearch").click(function() {
    var StateId = document.getElementById('StateId').value;
    var CityId = document.getElementById('CityId').value;
    var HName = document.getElementById('HospitalName').value;
    if (StateId > 0 && CityId == '' && HName == '') {
        CityId = 0;
        HName = 'Default'.toString();
    }
    else if (CityId > 0 && StateId == '') {
        alert("Please Select State..")
    }
    else if (CityId > 0 && StateId > 0 && HName == '') {
        HName = "Default";
    }
    else {
        StateId = 0;
        CityId = 0;
        HName = "Default";
    }

    jQuery("#list").jqGrid("setGridParam", {
         url: url: '/Claim/DynamicGridData/?StateId=' + StateId + '&CityId=' + CityId + '&hospname=' + HName,
         page: 1
    });

    jQuery("#list").trigger("reloadGrid");
});
</script>

<button id="btnSearch">Search</button>
<table id="list"></table>
<div id="pager"></div>