Introdução ao Easyui
Easyi é uma coleção de plugins de interface do usuário com base no jQuery.
A easyi fornece os recursos necessários para criar aplicativos javascript modernos, interativos.
Usando o Easyi, você não precisa escrever muito código, você só precisa escrever algumas tags HTML simples para definir a interface do usuário.
A Easyi é uma estrutura completa que suporta perfeitamente as páginas da web html5.
Easyui economiza tempo e escala de desenvolvimento da web.
Easyui é simples, mas poderoso.
Quando eu o usava pela primeira vez, ainda fiz alguns desvios no método de referência introduzido no fórum e registrei os problemas que encontrei.
1. O nó raiz deve ser definido;
2. Um ou mais nós raiz podem ser usados;
4. O atributo do nó pai do nó raiz não precisa ser definido ou é definido como 0;
5. O nome do atributo do nó pai dos nós filhos em cada nível deve ser "_parentid" e nenhum outro nome pode ser usado. Este nome foi definido em jQuery.easyui.js;
6. Não há necessidade de produzir dados JSON na estrutura "árvore" na ação em segundo plano. Enquanto o JSON da seguinte estrutura for dado ao TreeGrid na recepção, você poderá criar uma saída de árvore para a página. (Também é uma opção para produzir o fundo no formato de crianças em forma de árvore.)
{"Total": 17, "linhas": [{"ID": 3, "BOTSID": 36120, "Qty": 2.0000, "Rem": "15"}, {"id": 4, "bensid": 36123, "Qty": 1.0000, "Rem": "21"}, {"id": " 5, "BOTSID": 36124, "Qty": 2.0000, "Rem": "23"}, {"Id": 8, "BOTSID": 36130, "Qty": 1.0000, "Rem": "1"}, {"id": 9, "Goodsid": 36131, "Qty": 1.0 000, "Rem": "2"}, {"Id": 10, "BOTSID": 36132, "Qty": 1.0000, "Rem": "3"}, {"id": 11, "bensid": 36133, "Qty": 1.0000, "Rem": "4"}, {"id": 12, "12," 12, ":" Rem ":" 4 "}, {" Id ": 12," 12, " OODSID ": 36134," _ Parentid ": 8," Qty ": 1.0000," Rem ":" 1 "}, {" Id ": 13," Goodsid ": 36135," _ Parentid ": 8," Qty ": 2.0000," Rem ":" 2 "}, {" id ": 14," "BONSID": 36136, "_ Parentid": 8, "Qty": 1.0000, "Rem": "3"}, {"Id": 15, "Goodsid": 36137, "_ ParentId": 8, "Qty": 1.0000, "Rem": "4"}, {"id": 1 6, "BOTSID": 36138, "_ Parentid": 8, "Qty": 3,0000, "Rem": "5"}, {"Id": 17, "BOTSID": 36139, "_ Parentid": 8, "Qty": 1.0000, "Rem": "6"}, {"id" : 18, "BONSID": 36142, "_ ParentId": 9, "Qty": 1.0000, "Rem": "1"}, {"Id": 19, "BOTSID": 36143, "_ Parentid": 9, "Qty": 1.0000, "Rem": "2"}, {"i D ": 20," BOTSID ": 36144," _ Parentid ": 9," Qty ": 1.0000," Rem ":" 3 "}, {" ID ": 21," BONSID ": 36145," Parentid ": 9," Qty ": 1.0000," Rem ":" 4 "}]Esta é uma ação
var pls = listall (p.PartChild) .tolist (); list <ject> result = new List <Becut> (); foreach (var item em pls) {if (item.partParent == P.PartChild) {Result.add (new {id = item.listId = item.rtem.PartChild, qty. Método de dados da árvore, redundante! Easyi pode criar automaticamente uma árvore baseada em parentid // objeto l = new {id = item.ListId, text = item.partChild, _parentId = 0, qty = item.qty, rem = item.rem, chlidren = treelist (pls, item.tartChild)}; // result.Add (l); item.PartParentSElect a; resultado.add (new {id = item.ListId, bensid = item.partChild, _parentId = parent.first (). listid, qty = item.qty, rem = item.rem});}}Esta é a vista da recepção
<div style = "margem: 20px 0;"> </div> <tabela style = "altura: 250px" data-options = "url: '/contosobisite/pareslist/jlist/', methodfield: 'obtenha', nowrap: false, rownumbers: Útil: ânimo: verdadeiro, verdadeiro: true, colapso ', fit: fitcolumn: robers: true: ânimo: verdadeiro, verdadeiro: true', colapso, fit: fitcolumn: faiscolumns: robers: ânime: ânimo: true, verdadeiro: true, true, ' 'goodsid'"><treeField: 'goodsid'"><treeField: 'goodsid'">goodsid</th><th data-options="field:'id'">ListID</th><th data-options="field:'ListVer'" align="right">ListVer</th><th data-options="field:'ParentName'">ParentName</th><th Data-Options = "Campo: 'Qty'"> qty </th> <th data-options = "Campo: 'Rem'"> Rem </th> <th data-options = "campo: '_ parentid'"> pai </th> </tr> </sead> </ tabela>
Versão JS: jQuery.easyui-1.4.3.min.js; jQuery-1.11.3.min.js
O conteúdo acima é o EasyUi TreeGrid Notes compartilhados pelo editor. Espero que seja útil para todos!