你的位置:首页 > Java教程

[Java教程]easyui 之 treegrid 初用记录


菜鸟初次使用,参考论坛中介绍的方法仍走了一些弯路,把自己遇到的问题记录下来。

1.必须定义根节点;

2.根节点一个或多个均可;

4.根节点的父节点属性不必定义,或者定义为0;

5.各级子节点的父节点属性名称必须为“_parentId",不能用其它名称,此名称已在jquery.easyui.js中定义;

6.不必在后台ACTION中输出“树”形结构的json数据,只要下面结构的json给前台的treegrid,就可以建立树形输出到页面。

{"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();      List<Object> result = new List<object>();      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

<div style="margin:20px 0;"></div><table title="Parts List" class="easyui-treegrid" style="height:250px" data-options="      url:'/ContosoBISite/PartsList/JList/',      method: 'get',      nowrap: false,            rownumbers: true,            animate: true,            collapsible: true,            fitColumns: true,      idField: 'id',            treeField: 'goodsid'  ">  <thead>    <tr>      <th data-options="field:'goodsid'" width="100">goodsid</th>      <th data-options="field:'id'" width="100">ListID</th>      <th data-options="field:'ListVer'" width="100" align="right">ListVer</th>      <th data-options="field:'ParentName'" width="100">ParentName</th>      <th data-options="field:'Qty'" width="50">Qty</th>      <th data-options="field:'Rem'" width="50">Rem</th>      <th data-options="field:'_parentId'" width="50">parent</th>    </tr>  </thead></table>

 

JS版本:jquery.easyui-1.4.3.min.js;jquery-1.11.3.min.js

参考博客:http://www.cnblogs.com/mikel/archive/2011/10/29/2228671.html




美国旅游团报价优惠美国蜜月旅游行程参考美国特价旅游多少钱到美国游费用报价大全美国自助游攻略2015揭秘新几内亚土著部落恐怖殡葬仪式:熏尸(全文) 南湾猴岛交通方便吗?海南南湾猴岛有直达车吗? 宝晶宫好玩吗?英德宝晶宫怎么去? “一千个哈姆雷特” 英美游客朝鲜行的印象(全文) 观澜生态水上乐园地址?深圳观澜生态水上乐园在哪里? 观澜山水田园生态水上乐园地址?山水田园生态水上乐园怎么去? 马尔代夫免税店在哪里? 观澜山水田园水上乐园暑假有什么优惠?深圳观澜水上乐园暑期优惠? 2015比如世界五一活动?成都比如世界五一门票多少钱? 成都比如世界价格?比如世界门票优惠政策? 成都儿童职业体验在哪里?成都儿童职业体验馆怎么去? 成都比如世界攻略?成都比如世界儿童职业体验馆门票多少钱? 福建武夷山龙归源最佳旅游时间是什么时候? 2015年中秋节放多少天假? 海南清补凉哪里好吃 福建长泰天成山有什么特色景点? MUBW50-12E8--C842 Datasheet MUBW50-12E8--C842 Datasheet MUBW25-12A7 Datasheet MUBW25-12A7 Datasheet MUR10020CT--C796 Datasheet MUR10020CT--C796 Datasheet 深圳到江西参团旅游 深圳到江西参团旅游 深圳到江西参团旅游 深圳 井冈山旅游 深圳 井冈山旅游 深圳 井冈山旅游 江西旅游组团 江西旅游组团 江西旅游组团