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的第二个参数。您还可以在转换后获得引用到jqGrid的colModel

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;
    }
}

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

1 个答案: