Introduction à EasyUi
Easyi est une collection de plugins d'interface utilisateur basés sur jQuery.
Easyi fournit les fonctionnalités nécessaires pour créer des applications JavaScript modernes et interactives.
En utilisant Easyi, vous n'avez pas besoin d'écrire beaucoup de code, il vous suffit d'écrire des balises HTML simples pour définir l'interface utilisateur.
Easyi est un cadre complet qui prend parfaitement pris en charge les pages Web HTML5.
EasyUi vous fait gagner du temps et de l'échelle du développement Web.
Easyui est simple mais puissant.
Lorsque je l'utilisais pour la première fois, j'ai encore pris des détours dans la méthode de référence introduite dans le forum et enregistré les problèmes que j'ai rencontrés.
1. Le nœud racine doit être défini;
2. Un ou plusieurs nœuds racinaires peuvent être utilisés;
4. L'attribut de nœud parent du nœud racine n'a pas besoin d'être défini, ou est défini comme 0;
5. Le nom d'attribut de nœud parent des nœuds enfants à chaque niveau doit être "_parentid", et aucun autre nom ne peut être utilisé. Ce nom a été défini dans jQuery.easyui.js;
6. Il n'est pas nécessaire de produire des données JSON dans la structure "arborescence" dans l'action de fond. Tant que le JSON de la structure suivante est donné au Treegrid dans la réception, vous pouvez créer une sortie d'arbre sur la page. (C'est également une option pour sortir l'arrière-plan au format d'enfants en forme d'arbre.)
{"Total": 17, "Rows": [{"id": 3, "gochesid": 36120, "qty": 2.0000, "rem": "15"}, {"id": 4, "gochesid": 36123, "qty": 1.0000, "rem": "21"}, {"id": ": 5, "Goodsid": 36124, "QTY": 2.0000, "Rem": "23"}, {"id": 8, "gochesid": 36130, "QTY": 1.0000, "Rem": "1"}, {"id": 9, "woodsid": 36131, "Qty": 1.0 " 000, "Rem": "2"}, {"id": 10, "gochesid": 36132, "qty": 1.0000, "rem": "3"}, {"id": 11, "gochesid": 36133, "qty": 1,0000, "rem": "4"}, {"id": 12, "g". Oodsid ": 36134," _ Parentid ": 8," Qty ": 1.0000," Rem ":" 1 "}, {" id ": 13," gochesid ": 36135," _ ParentId ": 8," Qty ": 2.0000," Rem ":" 2 "}, {" id ": 14, "Goodsid": 36136, "_ Parentid": 8, "Qté": 1.0000, "Rem": "3"}, {"id": 15, "Goodsid": 36137, "_ ParentID": 8, "QTY": 1.0000, "REM": "4"}, {"id": 1 6, "Goodsid": 36138, "_ Parentid": 8, "Qty": 3.0000, "Rem": "5"}, {"id": 17, "gochesid": 36139, "_ Parentid": 8, "Qty": 1.0000, "Rem": "6"}, {"id" " : 18, "Goodsid": 36142, "_ Parentid": 9, "Qty": 1.0000, "Rem": "1"}, {"id": 19, "gochesid": 36143, "_ Parentid": 9, "Qty": 1.0000, "Rem": "2"}, {"I," QTY ": 1.0000," REM ":" 2 "}, {" I. I. I. D ": 20," Goodsid ": 36144," _ Parentid ": 9," Qté ": 1.0000," Rem ":" 3 "}, {" id ": 21," gochesid ": 36145," _ Parentid ": 9," Qty ": 1.0000," Rem ":" 4 "}]}}C'est une action
var pls = listall (p.partchild) .tolist (); list <Object> result = new List <Bject> (); foreach (var item in pls) {if (item.partparent == p.partchild) {result.add (new {id = item.listId, gochesid = item.partchild, qty = item.qty, rem = item.rem}); Méthode de données, redondant! Easyi peut créer automatiquement une arborescence basée sur Parentid // objet l = new {id = item.listId, text = item.partchild, _parentid = 0, qty = item.qty, rem = item.rem, chlidren = treelist (pls, item.partchild)}; // reswhere a.Andd == item.PartParentsElect a; result.add (new {id = item.listId, woodsid = item.partchild, _parentid = parent.first (). listId, qty = item.qty, rem = item.rem});}}C'est la vue de la réception
<div style = "margin: 20px 0;"> </div> <table style = "height: 250px" data-options = "url: '/ contosobisite / partislist / jlist /', méthode: 'get', nowrap: false, rownombers: true, idfield: 'id', arbref '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 = "Field: 'Qty'"> Qty </ Th> <th data-options = "Field: 'Rem'"> Rem </th> <th data-options = "Field: '_ Parentid'"> Parent </ Th> </tr> </thEad> </ Table>
Version JS: jQuery.Easyui-1.4.3.min.js; jQuery-1.11.3.min.js
Le contenu ci-dessus est les notes Easyui Treegrid partagées par l'éditeur. J'espère que ce sera utile à tous!