EasyUiの紹介
Easyiは、jQueryに基づいたユーザーインターフェイスプラグインのコレクションです。
Easyiは、最新のインタラクティブなJavaScriptアプリケーションを作成するために必要な機能を提供します。
Easyiを使用すると、多くのコードを記述する必要はありません。ユーザーインターフェイスを定義するために、いくつかの簡単なHTMLタグを記述するだけです。
Easyiは、HTML5 Webページを完全にサポートする完全なフレームワークです。
EasyUIは、Web開発の時間と規模を節約します。
EasyUiはシンプルですが、強力です。
初めて使用していたとき、フォーラムで導入された参照方法で迂回路を取り、遭遇した問題を記録しました。
1.ルートノードを定義する必要があります。
2。1つ以上のルートノードを使用できます。
4.ルートノードの親ノード属性を定義する必要はなく、0として定義されます。
5.各レベルでの子ノード属性の子ノードの名前は「_Parentid」でなければならず、他の名前を使用することはできません。この名前はjquery.easyui.jsで定義されています。
6.バックグラウンドアクションの「ツリー」構造にJSONデータを出力する必要はありません。次の構造のJSONがフロントデスクのツリーグリッドに与えられている限り、ページにツリー出力を作成できます。 （これは、木型の子供の形式に背景を出力するオプションでもあります。）
{"合計"：17、 "rows"：[{"id"：3、 "goodsid"：36120、 "quty"：2.0000、 "rem"： "15"}、{"id"：4、 "goodsid"：36123、 "quty"：1.0000、 "rem"： "21"}、{id "：{"： "："： "id"： " 5、 "GoodsId"：36124、 "quty"：2.0000、 "rem"： "23"}、{"id"：8、 "goodsid"：36130、 "quty"：1.0000、 "rem"： "1"}、{"id"：9、 "goodsid"：36131、 "qty"：1.0 000、 "rem"： "2"}、{"id"：10、 "goodsid"：36132、 "quty"：1.0000、 "rem"： "3"}、{"id"：11、 "goodsid"：36133、 "quty"：1.0000、 "rem"： "4"}、{id "：" 12、 " oodsid "：36134、" _ dareid "：8、" quty "：1.0000、" rem "：" 1 "}、{" id "：13、" goodsid "：36135、" _ dareid "：8、" qty "：2.0000、" rem "：" 2 "}、{id"：14、14、 "GoodsId"：36136、 "_ dareid"：8、 "quty"：1.0000、 "rem"： "3"}、{"id"：15、 "goodsid"：36137、 "_ dareid"：8、 "qty"：1.0000、 "rem"： "4"}、{"id"：1 6、 "GoodsId"：36138、 "_ dartid"：8、 "quty"：3.0000、 "rem"： "5"}、{"id"：17、 "goodsid"：36139、 "_ dareid"：8、 "quty"：1.0000、 "rem"： "6"}、{"id" "" ：18、 "GoodsId"：36142、 "_ daredid"：9、 "quty"：1.0000、 "rem"： "1"}、{"id"：19、 "goodsid"：36143、 "_ dareid"：9、 "quty"：1.0000、 "rem"： "2"}、{{"i d "：20、" goodsid "：36144、" _ daredid "：9、" quty "：1.0000、" rem "：" 3 "}、{" id "：21、" goodsid "：36145、" _ dareid "：9、" Qty "：1.0000、"： "4"}]}}これはアクションです
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 = item.partchild、qty.qty、rem = itemt、quty、rem、ツリーデータ方法、冗長！ easyiは、deredid // object l = new {id = item.listid、text = item.partchild、_parentid = 0、qty.qty、rem = ithlidren = treeList（pls、item.partchild）}; // result.add（l） item.partParentsElect a; result.add（new {id = item.listid、goodsid = item.partchild、_parentid = parent.first（）。これはフロントデスクビューです
<div style="margin:20px 0;"></div><table style="height:250px" data-options="url:'/ContosoBISite/PartsList/JList/',method: 'get',nowrap: false,rownumbers: true,animate: true,collapse: true,collapse: true,fitColumns: true,idField: 'id',treeField: 'Goodsid' "> <Treefield： 'Goodsid'"> <treefield： 'Goodsid' "> goodsid </th> <th data-options =" field： 'id' "> listid </th data-options =" field： 'listver' "align =" right "> listver </th data-options =" field： 'parentname < data-options = "field： 'qty'"> qty </th> <th data-options = "field： 'rem'"> rem </th data-options = "field： '_ parentid'"> parent </tr </thead> </table>
jsバージョン： jquery.easyui-1.4.3.min.js; jQuery-1.11.3.min.js
上記のコンテンツは、編集者が共有するEasyUIツリーグリッドノートです。私はそれが誰にでも役立つことを願っています！