没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
原创|使用教程|编辑:郝浩|2013-08-27 10:44:24.000|阅读 4398 次
概述:本文教你用JSON轻松实现Kendo UI treeview 序列化的方法,将大大提升你的开发效率。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
Treeview是界面设计中经常要用到的控件,那你是否想过将界面开发工具 Kendo UI 中的treeview序列化呢?将它存储之后就可以随时加载调用,可以大大提升你的开发效率。本文将为你展示如何用一段jQuery代码轻松将 treeview 序列化。
注:Kendo UI是 Telerik 推出的基于jQuery HTML5的UI开发框架,提供数据可视化和服务器封装解决方案,开发面向桌面、移动设备的应用程序,以其优良的性能深受国内外开发人员喜爱。>>免费下载
下面这个例子将一列复选框以treeview控件展示层级数据。用户通过点击复选框选择数据项,并将选项保存为优先设置的一部分。这些选项被保存之后,我们仍然需要从数据中进行加载。
Treeview 的div部分:
<body> <div id="treeview"></div> </body>
jQuery代码也相当简单:
var ds = new kendo.data.HierarchicalDataSource({ data: [{"text":"Item 1","id":"1","expanded":true, "checked":true,"items":[{"text":"Item 1.1", "id":"2","checked":true},{"text":"Item 1.2", "id":"3","checked":true},{"text":"Item 1.3", "id":"4","checked":true}]},{"text":"Item 2", "id":"5","expanded":true,"items":[{"text":"Item 2.1", "id":"6","checked":true},{"text":"Item 2.2", "id":"7"},{"text":"Item 2.3","id":"8",}]}, {"text":"Item 3","id":"9"}] }); var tv = $("#treeview").kendoTreeView({ checkboxes: { checkChildren: true }, dataSource: ds }).data("kendoTreeView"); function treeToJson(nodes) { return $.map(nodes, function(n, i) { var result = { text: n.text, id: n.id, expanded: n.expanded, checked: n.checked }; if (n.hasChildren) result.items = treeToJson(n.children.view()); return result; }); } var json = treeToJson(tv.dataSource.view()); console.log(JSON.stringify(json));
需要说明的一点是,函数 treetoJson()将遍历所有树节点并以JSON的形式返回数据数组。你可以在JS Bin中测试以上代码,但是要确保通过"Add Library"将"Kendo UI"加进去。
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:慧都控件PDF文件因其高度的跨平台兼容性和安全稳定的格式特点,广泛应用于企业文档管理和电子资料传输中。本文将详细讲解如何使用 Spire.PDF for .NET 库在C# 中实现多种PDF拆分功能,包含按每页拆分、按页码范围拆分、按关键字拆分及提取指定页面等场景的完整示例代码,帮助开发者轻松掌握高效的PDF分割技巧,优化文档管理流程。
本文主要介绍如何使用DevExpress WPF Grid控件获取节点,欢迎下载最新版组件体验!
通过将绘图转换为 Photoshop 格式,您可以轻松编辑和增强设计。Aspose.CAD是一款功能强大的 SDK,可无缝实现此转换。借助Aspose.CAD for Python via .NET,开发人员可以自动化转换过程,从而节省时间并减少错误。本博客将指导您如何使用 Python 将绘图转换为 Photoshop。
本教程主要为大家介绍DevExpress WinForms Tile(平铺)视图的基础知识,欢迎下载最新版组件体验!
运用JavaScript和HTML5就能快速创建性能最优的Web应用程序
Kendo UI Mobile使用HTML5和JavaScript快速开发跨平台原生移动应用程序的移动应用程序框架
Kendo UI DataViz跨平台跨设备的数据可视化组件
Kendo UI Server Wrappers帮助你开发基于Kendo UI的出色的HTML5应用程序,并且无需亲自编写JavaScript。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号