javascript - 需要根据dropdownlist的change事件加载jqgrid

Question

我使用以下脚本根据下拉值更改事件将数据加载到 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
});
})

Answer 1

您必须先卸载网格，然后使用下面的 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
});