EasyUI 简介
easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。
菜鸟初次使用,参考论坛中介绍的方法仍走了一些弯路,把自己遇到的问题记录下来。
1.必须定义根节点;
2.根节点一个或多个均可;
4.根节点的父节点属性不必定义,或者定义为0;
5.各级子节点的父节点属性名称必须为“_parentId",不能用其它名称,此名称已在jquery.easyui.js中定义;
6.不必在后台ACTION中输出“树”形结构的json数据,只要下面结构的json给前台的treegrid,就可以建立树形输出到页面。(了解到后台以树形children格式输出也是一种选择。)
rush:js;">
{"total":17,"rows":[
{"id":3,"goodsid":36120,"Qty":2.0000,"Rem":"15"},{"id":4,"goodsid":36123,"Qty":1.0000,"Rem":"21"},{"id":5,"goodsid":36124,"Rem":"23"},{"id":8,"goodsid":36130,"Rem":"1"},{"id":9,"goodsid":36131,"Rem":"2"},{"id":10,"goodsid":36132,"Rem":"3"},{"id":11,"goodsid":36133,"Rem":"4"},{"id":12,"goodsid":36134,"_parentId":8,{"id":13,"goodsid":36135,{"id":14,"goodsid":36136,{"id":15,"goodsid":36137,{"id":16,"goodsid":36138,"Qty":3.0000,"Rem":"5"},{"id":17,"goodsid":36139,"Rem":"6"},{"id":18,"goodsid":36142,"_parentId":9,{"id":19,"goodsid":36143,{"id":20,"goodsid":36144,{"id":21,"goodsid":36145,"Rem":"4"}
]}
这是Action
rush:js;">
var pls = ListAll(p.PartChild).ToList();
List
这是前台View
rush:js;">
Nowrap: false,rownumbers: true,animate: true,collapsible: true,fitColumns: true,idField: 'id',treeField: 'goodsid'
">
JS版本:
jquery.easyui-1.4.3.min.js;jquery-1.11.3.min.js以上内容是小编给大家分享的Easyui 之 Treegrid 笔记,希望对大家有所帮助!
原文地址:https://www.jb51.cc/js/49081.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。