Easyui 之 Treegrid 笔记

前端之家收集整理的这篇文章主要介绍了Easyui 之 Treegrid 笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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格式输出也是一种选择。)

这是Action

result = 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,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,_parentId = parent.First().ListID,Rem = item.Rem }); } }

这是前台View

JS版本:

jquery.easyui-1.4.3.min.js;jquery-1.11.3.min.js

以上内容是小编给大家分享的Easyui 之 Treegrid 笔记,希望对大家有所帮助!

猜你在找的JavaScript相关文章