Javascript 需要根据dropdownlist更改事件加载jqgrid

我使用以下脚本根据下拉值更改事件将数据加载到jqgrid中

它只能工作一次。如果我在下拉列表中选择第二个选项，网格将无法命中URL

$(document).ready(function () {

        $("#skill").on('change', function () {


            $("#Jobtable").jqGrid({
                url: '/Admin/ViewSelectedJobs?skill=' + $("#skill").val(),
                datatype: "json",
                mtype: 'GET',
                colNames: ['ID', 'Title'],
                colModel: [
                            { name: 'ID', index: 'ID', width: 150, align: 'left', editable: true },
                            { name: 'Title', index: 'Title', width: 150, align: 'left', editable: true }

                ],
                rowNum: 10,
                rowList: [10, 20, 30],
                viewrecords: true,
                loadonce: true,
                gridview: true
});
})

---

您必须先卸载网格，然后使用以下jQuery再次加载它：

$("#Jobtable").jqGrid('GridUnload');

因此，您的代码应该是：

$("#skill").on('change', function () {

           $("#Jobtable").jqGrid('GridUnload');
            $("#Jobtable").jqGrid({
                url: '/Admin/ViewSelectedJobs?skill=' + $("#skill").val(),
                datatype: "json",
                mtype: 'GET',
                colNames: ['ID', 'Title'],
                colModel: [
                            { name: 'ID', index: 'ID', width: 150, align: 'left', editable: true },
                            { name: 'Title', index: 'Title', width: 150, align: 'left', editable: true }

                ],
                rowNum: 10,
                rowList: [10, 20, 30],
                viewrecords: true,
                loadonce: true,
                gridview: true
});