jqGrid树网格问题
jqGrid TreeGrid problems
有人能向我解释一下我可能做错了什么吗?
我有以下代码:
function initTable() {
mydata = [{ "id": "1", "brandName": "7 Crown With Honey", "quality": "Standard", "minorRegionName": "North America", "year00": "", "year01": "", "level": "0", "parent": "", "isLeaf": "false", "expanded": "false" },
{ "id": "2", "brandName": "Amaretto di Florio", "quality": "Standard", "minorRegionName": "North West Europe", "year00": "", "year01": "", "level": "1", "parent": "1", "isLeaf": "true", "expanded": "false" },
{ "id": "3", "brandName": "Aniversario Rum", "quality": "Super Premium", "minorRegionName": "South America", "year00": "5", "year01": "6", "level": "1", "parent": "1", "isLeaf": "true", "expanded": "false" },
{ "id": "4", "brandName": "Archers", "quality": "Standard", "minorRegionName": "Asia", "year00": "2", "year01": "1", "level": "0", "parent": "", "isLeaf": "false", "expanded": "false" }
];
$("#list2").jqGrid({
treeGrid: true,
treeGridModel: 'adjacency',
ExpandColumn: 'brandName',
data: mydata,
datatype: 'local',
height: 300,
colNames: ['brandName', 'minorRegionName','quality', 'year00', 'year01'],
colModel: [{ name: 'brandName', index: 'brandName', width: 200 },
{ name: 'minorRegionName', index: 'minorRegionName', width: 200 },
{ name: 'quality', index: 'quality', width: 100},
{ name: 'year00', index: 'year00', width: 80, align: "right", sorttype: "float", formatter: "number" },
{ name: 'year01', index: 'year01', width: 80, align: "right", sorttype: "float", formatter: "number"}],
rowNum: 30,
rowList:[10,20,30],
pager: '#pager2',
sortname: 'brandName',
pgtext: "Page {0} of {1}",
});
$("#list2").jqGrid('navGrid', '#pager2', { edit: false, add: false, del: false });
//$("#list2").setGridParam({ datatype: 'local', page: 1, rowNum: 20 }).trigger('reloadGrid');
}
很简单,它不会生成具有嵌套行的TreeGrid。
我知道数据运行良好,因为如果我评论:
treeGrid: true,
treeGridModel: 'adjacency',
ExpandColumn: 'brandName',
毫无疑问,数据显示出来了。
我很确定这是显而易见的,但看不出它是什么。
主要问题是TreeGrid不支持datatype: "local"
。因此,您必须手动添加关于addJSONData
的数据(请参阅答案),或者使用datatype: "jsonstring"
、datastr: mydata
和其他jsonReader
(请参阅此处)。
您的演示可以修改为以下演示。
相关文章:
- 剑道网格jQuery动画()问题
- jqGrid树网格问题
- ExtJS网格单元格编辑器,防止焦点松动问题
- 使用导航属性创建Kendo UI网格模型的问题
- 在有角度的ui网格中设置动态列的问题
- 动态生成网格样式问题
- 我该如何解决这个问题;参考网格”;在JavaScript中完成的对象数
- 在 EXTJS 中启用多选网格时面临问题
- 剑道ui工具提示在网格中的定位问题
- 在网格面板中跳转到一行时出现问题
- 尝试只显示匹配项时出现jstree网格问题
- ExtJs 4.1网格's分组功能启用和禁用问题
- 在剑道网格中 columnHide() 的问题,Firefox 渲染错误
- 使用 ng 重复的网格问题
- 网址中端口的发送网格问题
- 日期列中的剑道网格格式时间问题
- 引导网格问题(如何解决任务)
- 使用三.js和菲涅耳着色器可视化网格的所有侧面的问题
- JavaScript网格按编号排序,排序问题
- 使用 D3 网格问题和控制台错误的分组条形图