栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

来自单个嵌套json的jqgrid子网格

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

来自单个嵌套json的jqgrid子网格

我进行了演示,演示了如何执行此操作:

该演示基于此处描述的思想以及内部

data
选项以 未修改
形式保存输入数据的事实。因此,您无需创建一些隐藏的列即可保存与该行关联的其他信息。有关更多详细信息,。我
idPrefix
强烈建议您另外在子网格中使用选项。

下面在演示中使用的代码:

var myData = {        _id: "509403957ae7d3929edcb812",        name: "MYBOOK",        layout: { chapters: [     {         name: "myfirstchapter",         sequence: 1,         title: "My First Chapter",         files: [  { filetype: "tex", name: "myfirstfile" },  { filetype: "tmpl", name: "myfileb" }         ]     },     {         name: "mysecondchapter",         sequence: 2,         title: "My Second Chapter",         files: [  { filetype: "tex", name: "myintro" },  { filetype: "tex", name: "myfilec" }         ]     } ]        }    },    $grid = $("#list");$grid.jqGrid({    datatype: "local",    data: myData.layout.chapters,    colNames: ["Sequence", "Name", "Title"],    colModel: [        {name: "sequence", width: 65, key: true },        {name: "name", width: 150 },        {name: "title", width: 150}    ],    rowNum: 10,    rowList: [5, 10, 20],    pager: "#pager",    gridview: true,    ignoreCase: true,    rownumbers: true,    sortname: "sequence",    viewrecords: true,    height: "100%",    subGrid: true,    subGridRowExpanded: function (subgridId, rowid) {        var subgridTableId = subgridId + "_t";        $("#" + subgridId).html("<table id='" + subgridTableId + "'></table>");        $("#" + subgridTableId).jqGrid({ datatype: "local", data: $(this).jqGrid("getLocalRow", rowid).files, colNames: ["Name", "Filetype"], colModel: [   {name: "name", width: 130, key: true},   {name: "filetype", width: 130} ], height: "100%", rowNum: 10, sortname: "name", idPrefix: "s_" + rowid + "_"        });    }});$grid.jqGrid("navGrid", "#pager", {add: false, edit: false, del: false});

在上面的代码中,我修复了您发布的数据中的一些语法错误。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/609073.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号