欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Easyui 之 Treegrid 筆記

 更新時間:2016年04月29日 10:31:42   作者:許好多  
easyui是一種基于jQuery的用戶界面插件集合。本文是小編自己遇到的一些有關(guān)easyui treegrid的問題記錄,特此分享腳本之家平臺供大家參考

EasyUI 簡介

easyui是一種基于jQuery的用戶界面插件集合。

easyui為創(chuàng)建現(xiàn)代化,互動,JavaScript應(yīng)用程序,提供必要的功能。

使用easyui你不需要寫很多代碼,你只需要通過編寫一些簡單HTML標記,就可以定義用戶界面。

easyui是個完美支持HTML5網(wǎng)頁的完整框架。

easyui節(jié)省您網(wǎng)頁開發(fā)的時間和規(guī)模。

easyui很簡單但功能強大的。

菜鳥初次使用,參考論壇中介紹的方法仍走了一些彎路,把自己遇到的問題記錄下來。

1.必須定義根節(jié)點;

2.根節(jié)點一個或多個均可;

4.根節(jié)點的父節(jié)點屬性不必定義,或者定義為0;

5.各級子節(jié)點的父節(jié)點屬性名稱必須為“_parentId",不能用其它名稱,此名稱已在jquery.easyui.js中定義;

6.不必在后臺ACTION中輸出“樹”形結(jié)構(gòu)的json數(shù)據(jù),只要下面結(jié)構(gòu)的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();
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 });
//下面是調(diào)用生成樹形數(shù)據(jù)方法的語句,多余!easyui可根據(jù)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

以上內(nèi)容是小編給大家分享的Easyui 之 Treegrid 筆記,希望對大家有所幫助!

相關(guān)文章

  • jquery圖片上下tab切換效果

    jquery圖片上下tab切換效果

    圖片上下切換效果,學(xué)習(xí)jquery的朋友可以參考下。
    2011-03-03
  • 使用jquery實現(xiàn)IE下按backspace相當于返回操作

    使用jquery實現(xiàn)IE下按backspace相當于返回操作

    后退鍵在各瀏覽器下默認為點擊了一下后退按鈕,下面為大家介紹下如何實現(xiàn)實現(xiàn)IE下按backspace相當于返回操作,需要的朋友可以參考下
    2014-03-03
  • jQuery插件Elastislide實現(xiàn)響應(yīng)式的焦點圖無縫滾動切換特效

    jQuery插件Elastislide實現(xiàn)響應(yīng)式的焦點圖無縫滾動切換特效

    這篇文章主要介紹了jQuery插件Elastislide實現(xiàn)響應(yīng)式的焦點圖無縫滾動切換特效,效果非常的棒,而且兼容性也很好,推薦給小伙伴們
    2015-04-04
  • jquery.cookie.js的介紹與使用方法

    jquery.cookie.js的介紹與使用方法

    相信大家都知道jquery.cookie.js是一個輕量級的cookie 插件,可以讀取、寫入、刪除 cookie。下面這篇文章就來給大家簡單的介紹下關(guān)于jquery.cookie.js的介紹與使用方法,需要的朋友可以參考借鑒,一起來看看吧。
    2017-02-02
  • Jquery常用技巧收集整理篇

    Jquery常用技巧收集整理篇

    jQuery 1.4給開發(fā)者帶來了很多值得興奮的新特性,同時使用jQuery的人也越來越多,為了方便大家對jQuery的使用,下面列出了一些jQuery使用技巧。
    2010-11-11
  • jQuery easyui刷新當前tabs的方法

    jQuery easyui刷新當前tabs的方法

    這篇文章給大家介紹了jquery easyui刷新當前tabs的方法,本文涉及到param參數(shù)的屬性知識點,本文通過實例給大家介紹的非常詳細,具有參考借鑒價值,感興趣的朋友一起看看吧
    2016-09-09
  • 解決IE9下JQuery發(fā)送ajax請求失效的方法

    解決IE9下JQuery發(fā)送ajax請求失效的方法

    這篇文章介紹了解決IE9下JQuery發(fā)送ajax請求失效的方法,文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • jquery點擊頁面任何區(qū)域?qū)崿F(xiàn)鼠標焦點十字效果

    jquery點擊頁面任何區(qū)域?qū)崿F(xiàn)鼠標焦點十字效果

    鼠標點擊聚焦,地圖定位,在圖片上突出顯示,焦點定位頁面元素,這些都是在系統(tǒng)開發(fā)是經(jīng)常需要用到的,下面為大家介紹下具體的實現(xiàn),感興趣的朋友可以參考下哈
    2013-06-06
  • jQuery插件ContextMenu自定義圖標

    jQuery插件ContextMenu自定義圖標

    這篇文章主要為大家詳細介紹了jQuery插件ContextMenu自定義圖標的相關(guān)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • ajax實現(xiàn)動態(tài)下拉框示例

    ajax實現(xiàn)動態(tài)下拉框示例

    本篇文章主要介紹了ajax實現(xiàn)動態(tài)下拉框示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01

最新評論