需要根据 dropdownlist change 事件加载 jqgrid答案

【问题标题】：Need to load jqgrid based on dropdownlist change Event需要根据 dropdownlist change 事件加载 jqgrid
【发布时间】：2014-06-24 05:25:07
【问题描述】：

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

【问题讨论】：

标签： javascript jquery asp.net jqgrid

【解决方案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
});

【讨论】：