jqGrid:在将HTML表格转换为网格时启用分页

Question

关于如何将html表转换为可分页和可排序的东西,谷歌搜索所有这些,我偶然发现了jqGrid jquery插件.到目前为止,我已经知道我们必须调用tableToGrid()转换表(我们将它作为jquery选择器字符串传递给方法).我还尝试了很多其他的东西,例如:

tableToGrid('#GridView1');

$('#GridView1').jqGrid({
    rowNum: 10,
    pager: '#pager',
    rowList: [10,20,30]
});

但所有这些都没有为我提供正确的结果.当我们将html表转换为网格时,是否可以进行分页？

Answer 1

你应该试试

tableToGrid('#GridView1', {
    rowNum: 10,
    pager: '#pager',
    rowList: [10,20,30]
});

您还可以添加更多jqGrid选项作为第二个参数tableToGrid.您也可以参考到colModel相对于转换后的jqGrid的

var cm = myGrid.getGridParam("colModel");

然后修改列模型的一些参数.

更新:例如,使用以下代码,您可以将一些列数据设置为edittype: "select".

for (var i = 0, l=cm.length; i < l; i += 1) {
    var colModelColumn = cm[i];
    // search for the clolumn with the name colModelColumnName.
    // variables colModelColumnName and selectedOptions are defined
    // in another code fragment above this one
    if (colModelColumn.name === colModelColumnName) {
        jQuery.extend(colModelColumn, { edittype: "select",
                                        editoptions: { value: selectedOptions }});
        break;
    }
}