jqgrid TreeGrid adjacency模式 使用c# 怎么实现

时间: 2024-03-05 18:51:14 浏览: 26
在 C# 中使用 jqGrid TreeGrid 的相邻模式,需要按照以下步骤进行: 1. 定义表格列模型,包括节点 ID、节点名称、父节点 ID 等列。例如: ```csharp colModel: [ { name: "id", index: "id", width: 50 }, { name: "name", index: "name", width: 150 }, { name: "parent", index: "parent", width: 50, hidden: true } ] ``` 2. 加载表格数据,数据中每个节点应包含其父节点 ID。例如: ```csharp var data = new[] { new { id = 1, name = "Node 1", parent = (int?)null }, new { id = 2, name = "Node 2", parent = 1 }, new { id = 3, name = "Node 3", parent = 1 }, new { id = 4, name = "Node 4", parent = (int?)null }, new { id = 5, name = "Node 5", parent = 4 }, new { id = 6, name = "Node 6", parent = 4 } }; var jsonData = new { total = 1, page = 1, records = data.Length, rows = data }; return Json(jsonData, JsonRequestBehavior.AllowGet); ``` 以上示例中的 data 数组中每个节点都包含其父节点 ID。在返回数据时,需要将数据转换为 JSON 格式,并包含 total、page、records 以及 rows 四个属性。其中,rows 属性对应表格的数据。 3. 配置 TreeGrid 相关参数,包括 treeGrid、treeGridModel 以及 ExpandColumn 等参数。 ```csharp var gridModel = new { treeGrid = true, treeGridModel = "adjacency", ExpandColumn = "name", ExpandColClick = true, caption = "TreeGrid Example", colModel = new[] { new { name = "id", index = "id", width = 50 }, new { name = "name", index = "name", width = 150 }, new { name = "parent", index = "parent", width = 50, hidden = true } } }; return Json(gridModel, JsonRequestBehavior.AllowGet); ``` 4. 在前端页面中使用 jqGrid TreeGrid 插件来展示数据。例如: ```javascript $("#treegrid").jqGrid({ url: "/Controller/Action", datatype: "json", mtype: "GET", colModel: [ { name: "id", index: "id", width: 50 }, { name: "name", index: "name", width: 150 }, { name: "parent", index: "parent", width: 50, hidden: true } ], treeGrid: true, treeGridModel: "adjacency", ExpandColumn: "name", ExpandColClick: true, caption: "TreeGrid Example" }); ``` 通过以上步骤,你就可以在 C# 中使用 jqGrid TreeGrid 的相邻模式来展示树形数据了。需要注意的是,相邻模式的数据结构相对复杂,需要根据具体需求进行调整。

相关推荐

最新推荐

recommend-type

ASP.NET中使用JqGrid完整实现.docx

qGrid的一些说明 • 外观时髦,功能齐全 ...• 使用AJAX方式 • 可以被集成到任何服务器端技术,例如ASP, JavaServelets, JSP, PHP 等等. • 由Trirand公司Tony Tomov开发. • 和ASP.NET集成非常简单
recommend-type

JQGrid的用法解析(列编辑,添加行,删除行)

本文是对JQGrid的用法--列编辑,添加行,删除行。进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
recommend-type

jqgrid参数中文说明

Jqgrid网上的api很少而且基本上都是英文的,中文的特别少,这个是jqgrid的中文使用说明,上面罗列的jqgrid的说明比较详细
recommend-type

子比主题ACG美化插件全开源

子比主题ACG美化插件[全开源] 不要改人家原作者版权,不要用于违法乱纪
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

深入了解MATLAB开根号的最新研究和应用:获取开根号领域的最新动态

![matlab开根号](https://www.mathworks.com/discovery/image-segmentation/_jcr_content/mainParsys3/discoverysubsection_1185333930/mainParsys3/image_copy.adapt.full.medium.jpg/1712813808277.jpg) # 1. MATLAB开根号的理论基础 开根号运算在数学和科学计算中无处不在。在MATLAB中,开根号可以通过多种函数实现,包括`sqrt()`和`nthroot()`。`sqrt()`函数用于计算正实数的平方根,而`nt
recommend-type

react的函数组件的使用

React 的函数组件是一种简单的组件类型,用于定义无状态或者只读组件。 它们通常接受一个 props 对象作为参数并返回一个 React 元素。 函数组件的优点是代码简洁、易于测试和重用,并且它们使 React 应用程序的性能更加出色。 您可以使用函数组件来呈现简单的 UI 组件,例如按钮、菜单、标签或其他部件。 您还可以将它们与 React 中的其他组件类型(如类组件或 Hooks)结合使用,以实现更复杂的 UI 交互和功能。
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。
recommend-type

"互动学习:行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动,互动学习以行动为中心的强化学习学会互动,互动学习,以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授:智囊团论文联合主任菲利普·普雷教授,大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授,Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士,Deepmind对于那些及时看到自己错误的人...3谢谢你首先,我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔,"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲,你知道在这篇论文的(许多)错误中,你是我可以依