easyui treegrid php,Easyui 之 Treegrid 笔记_jquery
EasyUI 简介
easyui是一种基于jQuery的用户界面插件集合。
easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。
菜鸟初次使用,参考论坛中介绍的方法仍走了一些弯路,把自己遇到的问题记录下来。
1.必须定义根节点;
2.根节点一个或多个均可;
4.根节点的父节点属性不必定义,或者定义为0;
5.各级子节点的父节点属性名称必须为“_parentId",不能用其它名称,此名称已在jquery.easyui.js中定义;
6.不必在后台ACTION中输出“树”形结构的json数据,只要下面结构的json给前台的treegrid,就可以建立树形输出到页面。(了解到后台以树形children格式输出也是一种选择。)
{"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,"Qty":2.0000,"Rem":"23"},{"id":8,"goodsid":36130,"Qty":1.0000,"Rem":"1"},{"id":9,"goodsid":36131,"Qty":1.0000,"Rem":"2"},{"id":10,"goodsid":36132,"Qty":1.0000,"Rem":"3"},{"id":11,"goodsid":36133,"Qty":1.0000,"Rem":"4"},{"id":12,"goodsid":36134,"_parentId":8,"Qty":1.0000,"Rem":"1"},{"id":13,"goodsid":36135,"_parentId":8,"Qty":2.0000,"Rem":"2"},{"id":14,"goodsid":36136,"_parentId":8,"Qty":1.0000,"Rem":"3"},{"id":15,"goodsid":36137,"_parentId":8,"Qty":1.0000,"Rem":"4"},{"id":16,"goodsid":36138,"_parentId":8,"Qty":3.0000,"Rem":"5"},{"id":17,"goodsid":36139,"_parentId":8,"Qty":1.0000,"Rem":"6"},{"id":18,"goodsid":36142,"_parentId":9,"Qty":1.0000,"Rem":"1"},{"id":19,"goodsid":36143,"_parentId":9,"Qty":1.0000,"Rem":"2"},{"id":20,"goodsid":36144,"_parentId":9,"Qty":1.0000,"Rem":"3"},{"id":21,"goodsid":36145,"_parentId":9,"Qty":1.0000,"Rem":"4"}
]}
这是Action
var pls = ListAll(p.PartChild).ToList();
Listresult = new List();
foreach(var item in pls)
{
if(item.PartParent == p.PartChild)
{
result.Add( new { id = item.ListID, goodsid = item.PartChild, Qty = item.Qty, Rem = item.Rem });
//下面是调用生成树形数据方法的语句,多余!easyui可根据parentID自动建树
//Object l = new { id = item.ListID, text = item.PartChild, _parentId = 0,Qty = item.Qty, Rem = item.Rem, chlidren = TreeList(pls, item.PartChild) };
//result.Add(l);
}
else
{
var parent = from a in pls
where a.PartChild == item.PartParent
select a;
result.Add(new { id = item.ListID, goodsid = item.PartChild, _parentId = parent.First().ListID, Qty = item.Qty, Rem = item.Rem });
}
}
这是前台View
goodsid
ListID
ListVer
ParentName
Qty
Rem
parent
JS版本:jquery.easyui-1.4.3.min.js;jquery-1.11.3.min.js
以上内容是小编给大家分享的Easyui 之 Treegrid 笔记,希望对大家有所帮助!
本文原创发布php中文网,转载请注明出处,感谢您的尊重!
easyui treegrid php,Easyui 之 Treegrid 笔记_jquery相关推荐
- easyui plugin——etreegrid:CRUD Treegrid
昨天写了一个ko+easyui的同样的实现,感觉写的太乱,用起来十分麻烦,于是今天照着edatagrid,写了一个etreegrid,这样再用ko绑定就方便多了. 使用很简单,$(tableId).e ...
- 适用于zTree 、EasyUI tree、EasyUI treegrid
#region System.Text.StringBuilder b_appline = new System.Text.StringBuilder(); Syst ...
- easyui treegrid php,easyUI TreeGrid
@author YHC 从$.fn.datagrid.defaults.继承,覆盖默认值$.fn.treegrid.defaults. treegrid 是使用显示分层数据在grid中,treegri ...
- easyui treegrid php,easyUI TreeGrid | 学步园
@author YHC 从$.fn.datagrid.defaults.继承,覆盖默认值$.fn.treegrid.defaults. treegrid 是使用显示分层数据在grid中,treegri ...
- jQuery EasyUI详解-EasyUI环境配置
需要预先说明的一点是,不管是EasyUI也好,Bootstrap也罢,都可以认为是在CSS.Javascript.jQuery上再封装了一层.所以我们来看一个十分简单的例子: <a href=& ...
- easyui treegrid php,Easyui 之 Treegrid 笔记
EasyUI 简介 easyui是一种基于jQuery的用户界面插件集合. easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能. 使用easyui你不需要写很多代码,你只需要 ...
- ajax treegrid 选中,easyui treeGrid异步加载子节点示例
easyui treeGrid异步加载子节点示例.如果要异步加载treegrid的子节点,需要输出扁平的数据结构,然后通过_parentId来控制treegrid的父节点子节点结构.嵌套的childr ...
- easyui treegrid php,Easyui在treegrid添加控件实例教程
最近看了一个easy感觉里面的树搞得还不错,虽然觉得让人有点不灵活的感觉,我们来说说怎么在树种添加控件效果本文主要介绍了Easyui在treegrid添加控件的实现方法,需要的朋友可以参考下,希望能帮 ...
- php easyui tree 结构,EasyUI Tree树组件无限循环的解决方法
在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(Url:链接地址)形成无限循环. ...
最新文章
- 边缘计算: 与5G同行,开拓蓝海新市场
- Dom方法,解析XML文件
- 简单形象又有趣地说说强大的神经网络
- [C#]async和await刨根问底
- ssl2345-繁忙的都市
- 几点减几点怎么列算式_洁净室平面设计怎么做?洁净室施工做到这几点就对了...
- 北京东二环——东四联通机房
- Ubuntu 安装 配置 Mysql
- [转]Python中的eval()、exec()及其相关函数
- 两台计算机小局域网,两台电脑连接局域网方法
- mac怎么给移动硬盘分区
- 采集宝贝提示“属性值最大长度为42个字符(21个汉字)”怎么解决?
- Pycharm下载安装 以及配置python环境变量
- @Responsebody utf8 Chinese gibberish
- mysql cpu 高 原因 汇总_MySQL CPU 使用率高的原因和解决方法(来自aliyun官方文档)
- arcgis栅格计算器:将栅格图层指定值设置为Nodata及栅格图层求交
- 杭州西湖.湖中音乐喷泉[录象]
- VueJs中的reactive函数
- 【⏰亲】今天冬至,早些回家!
- Windchill介绍