Введение в Easyui
Easyi - это коллекция плагинов пользовательского интерфейса на основе jQuery.
Easyi предоставляет необходимые функции для создания современных, интерактивных приложений JavaScript.
Используя easyi, вам не нужно писать много кода, вам просто нужно написать несколько простых тегов HTML, чтобы определить пользовательский интерфейс.
Easyi - это полная структура, которая идеально поддерживает веб -страницы HTML5.
EasyUI экономит ваше время и масштаб веб -разработки.
Easyui прост, но мощный.
Когда я использовал его в первый раз, я все еще принимал некоторые обходные пути в справочном методе, представленном на форуме, и записал проблемы, с которыми я столкнулся.
1. Корневой узел должен быть определен;
2. Можно использовать один или несколько корневых узлов;
4. Атрибут родительского узла корневого узла не нуждается в определении или определяется как 0;
5. Имя атрибута родительского узла на каждом уровне должно быть «_parentid», и другое имя не может быть использовано. Это имя было определено в jQuery.easyui.js;
6. Нет необходимости выводить данные JSON в структуре «дерева» в фоновом действии. Пока JSON следующей структуры передается TreeGrid в стойке регистрации, вы можете создать выход дерева на страницу. (Это также возможность вывести фон в формате детей в форме дерева.)
{«Тоталь»: 17, «ряды»: [{«id»: 3, «goodsid»: 36120, «qty»: 2.0000, «rem»: «15»}, {«id»: 4, «GoaldId»: 36123, «Qty»: 1.0000, «Rem»: «21"}, {"ID": " 5, «GoadeId»: 36124, «Qty»: 2.0000, «rem»: «23»}, {«id»: 8, «GoaldId»: 36130, «Qty»: 1.0000, «REM»: «1»}, {«ID»: 9, «GoydId»: 36131, «QTY»: 1.0 000, "rem": "2"}, {"id": 10, "GoaldId": 36132, "qty": 1.0000, "rem": "3"}, {"id": 11, "GoaldId": 36133, "qty": 1.0000, "rem": "4"}, {"ID": 12, "g ooodsid ": 36134," _ parentid ": 8," qty ": 1.0000," rem ":" 1 "}, {" id ": 13," GoaldId ": 36135," _ ParentId ": 8," qty ": 2.0000," rem ":" 2 ", {" ID ": 14, "GovelId": 36136, "_ ParentId": 8, "qty": 1.0000, "rem": "3"}, {"id": 15, "GovelId": 36137, "_ ParentId": 8, "qty": 1.0000, "rem": "4"}, {"id": 1 6, "GovelId": 36138, "_ ParentId": 8, "Qty": 3.0000, "rem": "5"}, {"id": 17, "GovelId": 36139, "_ ParentId": 8, "qty": 1.0000, "rem": "6", {"ID" : 18, «GoaldId»: 36142, «_ ParentId»: 9, «Qty»: 1.0000, «REM»: «1»}, {«ID»: 19, «GovelId»: 36143, «_ ParentId»: 9, «Qty»: 1.0000, «rem»: «2"}, {"I. d ": 20," GoaldId ": 36144," _ ParentId ": 9," qty ": 1.0000," rem ":" 3 "}, {" id ": 21," govelId ": 36145," _ parentId ": 9," qty ": 1.0000," rem ":" 4 "}}}}}}}}}}}}}}}}}}}}}}}}}Это действие
var pls = listall (p.partchild) .tolist (); list <object> result = new List <object> (); foreach (var in pls) {if (item.partparent == p.partchild) {result.add (new {id = item.listid, gostsid = item.partchild, qty = item. item. item. atem. Метод данных, избыточный! Easyi может автоматически создавать дерево, основанное на parentId // объект L = new {id = item.listid, text = item.partchild, _parentid = 0, qty = item.qty, rem = item.rem, chlidren = trielist (pls, item.partchild)}; // result.add (l); item.partparentselect a; result.add (new {id = item.listid, goodsid = item.partchild, _parentid = parent.first (). listid, qty = item.qty, rem = item.rem});}}Это вид стойки регистрации
<div style = "margin: 20px 0;"> </div> <table style = "height: 250px" data-options = "url: '/contosobisite/partslist/jlist/', метод:« Get », Nowrap: False, rownumbers: true: true, коллапс: true, collApse: true, истинный:« Идентификатор: идентификатор: «Идентификатор:« Идентификатор: идентификатор: «Идентификатор:« Идентификатор: идентификатор: «Идентификатор:« Идентификатор: идентификатор: идентификатор: идентификатор: 'GoodsId' "> <Treefield: 'GoaldId'"> <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'> parentmame </th> <th> <th> <th Data-options = " data-options = "field: 'qty'"> qty </th> <th data-options = "Поле:" rem '"> rem </th> <th data-options =" Поле:' _ ParentId '"> Parent </th> </tr> </thead> </table>
JS версия: jQuery.easyui-1.4.3.min.js; jquery-1.11.3.min.js
Вышеуказанный контент - это easyui treegrid -заметки, разделяемые редактором. Я надеюсь, что это будет полезно для всех!