asp.net-mvc-4 - 如何动态加载行列表值

Question

我正在 MVC 4 jqgrid 中创建应用程序，我想根据数据大小或用户选项设置行列表(在 web.config 键、值中设置值)。我尝试使用函数传递值，但我得到像这样的下拉列表中的值。请帮助我。

代码:

Method;
          function setRowList() {
                var rownum = "[5,10]";
                return rownum;
            }
        MY grid:
                $("#ApplicationDetailsTable").jqGrid({
                    url: '@Url.Action("AppListDetails", "JQGridHome")',
                    datatype: 'json',

                    colNames: ["no1", "name", "phone"],
                    colModel: [
                        { name: "no1", index: "no1", width: 40, align: "left", stype: 'select', searchoptions: { sopt: ['eq'], value: categoriesStr } },
                        { name: "name", index: "name", width: 100, align: "left" },
                        { name: "phone", index: "phone", width: 200, align: "left" }
                    ],
                    width: 550,
                    loadonce: true,
                    height: 200,
                    toppager: false,
                pager: $("#JQGridPaging"),
                    rowNum:4,
                rowList: setRowList(),
                    viewrecords: true,
                    caption: "A Basic jqGrid - Read Only",

图片

Answer 1

选项rowList在创建 jqGrid 期间将只使用一次。所以动态改变它需要替换所有<option> <select class="ui-pg-selbox"> 的元素您可以在寻呼机内部找到它(如果您同时使用 toppager 和 pager ，则可以在寻呼机内部找到它)。如果您更改列表中所选选项的值并且您希望 jqGrid 刷新您应该触发的内容 change <select class="ui-pg-selbox"> 中的事件.

The demo演示上述方法。将使用 rowList: [5, 10, 20] 创建网格然后它会变成rowList: [2, 3, 10, 100]和选项 3将被标记为 selected :

$("#pager").find(".ui-pg-selbox")
    .html('<option role="option" value="2">2</option>' +
          '<option role="option" selected="selected" value="3">3</option>' +
          '<option role="option" value="10">10</option>' +
          '<option role="option" value="100">100</option>')
    .trigger("change");

很明显可以构建<option>动态列出。我只想清楚地表明应该做什么。