بشكل عام ، أيقونة TreeGrid هي المجلد الافتراضي ونموذج الملف ، كما هو موضح في الشكل أدناه:
يمكننا إضافة iconcls إلى نص JSON لتغيير الرمز الافتراضي ، على سبيل المثال:
{"Total": 7 ، "Rows": [{"id": 1 ، "name": "all المهام "،" البداية ":" 3/4/2010 "،" نهاية ":" 3/20/2010 "،" Progress ": 60 ،" Iconcls ":" Icon-Ok "} ، {" id ": 2 ،" name ":" Designing "،" Begin ":" 3/4/2010 "،" End ":" 3/10/2010 "،" Progress ": 100 ،" _ ParentId ": 1 ،" state ":" leaged "} ، {" id ": 21 ،" name ":" da Tabase "،" Persons ": 2 ،" Begin ":" 3/4/2010 "،" End ":" 3/6/2010 "،" Progress ": 100 ،" _ ParentId ": 2} ، {" id ": 22 ،" name ":" u Ml "،" Persons ": 1 ،" Begin ":" 3/7/2010 "،" End ":" 3/8/2010 "،" Progress ":" 100 ، "_ ParentId": 2} ، {"id": 23 ، "name": "export وثيقة "،" أشخاص ": 1 ،" تبدأ ":" 3/9/2010 "،" نهاية ":" 3/10/2010 "،" التقدم ": 100 ،" _ parentid: 2} ، {"id": 3 ، "name": "الترميز" ، "الأشخاص: 2 ،": ":" 3/11/2010 "،" End ":" 3/18/2010 "،" Progress ": 80} ، {" id ": 4 ،" name ":" Testing "،" Persons ": 1 ،" start ":" 3/19/2010 "،" end ":" 3/20/2010 "، الأشخاص: "،" الأشخاص ": 7 ،" iconcls ":" icon-sum "}]}ثم تعديل icon.css ووضع الأيقونة لاستخدامها في المجلد المحدد.
عادة ، إذا تحدثت عن مثل هذه التعديلات ، يمكن لـ TreeGrid عرض الرموز التي صممتها بنفسك.
إذا كان لا يمكن عرض الرمز الذي تم تعيينه في هذا الوقت ، فيمكنك التحقق من الترتيب الذي يتم فيه تقديم ICON.CSS و Easyui.css على الصفحة. تأكد من أن easyui.css في المقدمة و icon.css في الخلف. بخلاف ذلك ، فإن النمط في Easyui.css سيقوم بالكتابة فوق نقطة Icon.css وسيظل عرض الرمز الافتراضي.
أدناه سأقدم رمز jQuery Easyui لإضافة الرمز وحذفه وتعديله والتحقق منه
<script type = "text/javaScript"> formatprogress (value) {if (value) {var s = '<viv>' + '<viv>' + value + '٪' + '</viv>' '</div> ؛ return s ؛} else {return' ' غير محدد) {$ ('#tg'). TreeGrid ('select' ، editingid) ؛ return ؛} var row = $ ('#tg'). TreeGrid ('getSelected') ؛ if (row) {editingid = row.id $ ('#tg'). treegrid ('remove' ، editingid) ؛ $ ('#tg'). TreeGrid ('releoadfooter') ؛} $ (". actionbtn"). toggleClass ("l-btn-disabled") ؛} function edit () {if (editingid! = undefined) {$ ('tg'). $ ('#tg'). TreeGrid ('getSelected') ؛ if (row) {expitingId = row.id $ ('#tg'). TreeGrid ('beginedit' ، editingid) ؛} $ (". actoBtn"). toggleclass ("l-btn-disabled") ؛} غير محدد) {$ ('#tg'). treegrid ('select' ، editingid) ؛ return ؛}/**/var rows = $ ('#tg'). TreeGrid ('getChildren') ؛ editingId = newlength+1 ؛ var row = null ؛ var _data = {"id": editingid ، الاسم "،" الأشخاص ": 0 ،" تبدأ ":" 3/19/2010 "،" نهاية ":" 3/20/2010 "،" التقدم ": 10} ؛ var _parentid = 0 ؛ var row = $ ('#tg'). treegrid ('getSelected') ؛ $ ($) {$ ('tg') row.id ؛} آخر {var root = $ ('#tg'). TreeGrid ('getRoot') ؛ _ parentId = null ؛} $ ('#tg'). treegrid ('إلحاح' ، {parent: _parentid ، // هنا يمكنك تحديد بيانات المعرف الأصل: [_data]}) ؛ $ ('#tg'). TreeGrid ('Leginedit' ، _ data.id) ؛ $ (". actionbtn"). toggleclass ("l-btn-disabled") ؛} الدالة Save () {if (editingid! = undefined) {var t = $ ('#tg') ؛ editingId) ؛ editingId = undefined ؛ var persons = 0 ؛ var rows = t.treegrid ('getChildren') ؛ for (var i = 0 ؛ i <rows.length ؛ i ++) {var p = parseint (rows [i] .prosons) ؛ t.treegrid ('getFooterrows') [0] ؛ frow.persons = persons ؛ t.treegrid ('releoadfooter') ؛ $ (". editingId) ؛ editingid = undefined ؛} $ (". href = "javaScript: void (0)" up up incabled "onClick =" Cancel () "> إلغاء </a> </div>