jqGrid:在将HTML表格转换为网格时启用分页
谷歌搜索所有这些关于如何将html表转换为可分页和可排序的东西,我偶然发现了jqGrid jquery插件。 到目前为止我已经知道我们必须调用tableToGrid()
来转换表(我们将它作为jquery选择器字符串传递给方法)。 我还尝试了很多其他的东西,例如:
tableToGrid('#GridView1'); $('#GridView1').jqGrid({ rowNum: 10, pager: '#pager', rowList: [10,20,30] });
但所有这些都没有为我提供正确的结果。 当我们将html表转换为网格时,是否可以进行分页?
你应该尝试
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; } }