Im Allgemeinen ist das TreeGrid -Symbol der Standardordner und die Dateiformular, wie in der folgenden Abbildung gezeigt:
Wir können dem JSON -Text Iconcls hinzufügen, um das Standardsymbol zu ändern, zum Beispiel:
{"Total": 7, "Zeilen": [{"ID": 1, "Name": "Alles Aufgaben "," begin ":" 3/4/2010 "," Ende ":" 20.01.2010 "," Fortschritt ": 60," iconcls ":" icon-ok "}, {" id ": 2," Name ":" Designing "," begin ":" 3/4/2010 "," Ende ":" 3/10/2010 "," Fortschritt ": 100," _ Parentid ": 1," Zustand ":" geschlossen "}, {" id ": 21," Name ":" da Tabase "," Personen ": 2," Begin ":" 3/4/2010 "," Ende ":" 3/6/2010 "," Fortschritt ": 100," _ parentId ": 2}, {" id ": 22," Name ":" U Ml "," Personen ": 1," Begin ":" 3/7/2010 "," Ende ":" 3/8/2010 "," Fortschritt ": 100," _ Parentid ": 2}, {" ID ": 23," Name ":" Export Document","persons":1,"begin":"3/9/2010","end":"3/10/2010","progress":100,"_parentId":2},{"id":3,"name":"Coding","persons":2,"begin":"3/11/2010"," Ende ":" 18.03.2010 "," Fortschritt ": 80}, {" ID ": 4," Name ":" Testing "," Personen ": 1," Begin ":" 3/19/2010 "," Ende ":" 3/20/2010 "," Fortschritt ": 20}," Footer ": [{" Name ":": ":": ":": ":" insgesamt ":" insgesamt ":" name ":": "insgesamt": "insgesamt": "insgesamt Personen: "," Personen ": 7," Iconcls ":" Symbol "}]}Ändern Sie dann das icon.css und platzieren Sie das Symbol, das im angegebenen Ordner verwendet werden soll.
Wenn Sie über solche Modifikationen sprechen, kann Treegrid die Symbole, die Sie selbst entworfen haben, normalerweise anzeigen.
Wenn das von Ihnen festgelegte Symbol zu diesem Zeitpunkt nicht angezeigt werden kann, können Sie die Reihenfolge überprüfen, in der ICON.CSS und Easyui.css auf der Seite eingeführt werden. Stellen Sie sicher, dass Easyui.css vorne und Icon.css hinten ist. Andernfalls überschreibt der Stil in easyui.css den Icon.css -Punkt und das Standard -Symbol wird weiterhin angezeigt.
Im Folgenden werde ich JQuery Easyui Treegrid vorstellen, um den Code hinzuzufügen, zu löschen, zu ändern und zu überprüfen
<script type = "text/javaScript"> Funktion formatProgress (value) {if (value) {var s = '<div>' + '<div>' + value + '%' + '</div>' '</div>'; return undefined) {$ ('#TG'). TREEGRID ('SELECT', editingId); return;} var row = $ ('#tg'). Treegrid ('getSelected'); if (row) {editingId = row.id $ ('#tg'). TreeGrid ('Entrease',, bearbeitet); $ ('#tg'). Treegrid ('reloadfooter');} $ (". ActionBtn"). ToggleClass ("l-btn-dessabled");} Funktion edit () {if (editingId! = undefined) {$ ('#tg'. $ ('#tg'). Treegrid ('getSeLected'); if (row) {editingId = row.id $ ('#tg'). Treegrid ('begann', editingId);} $ (". ActionBtn"). ToggleClass ("L-BTN-dialabled"); Undefiniert) {$ ('#tg'). Treegrid ('select', editingId); zurück; Name "," Personen ": 0," Begin ":" 19.03.2010 "," Ende ":" 3/20/2010 "," Fortschritt ": 10}; var _parentid = 0; var row = $ ('#TG'). Treegrid ('getSäure -); row.id;} else {var root = $ ('#tg'). Treegrid ('getRoot'); _ parentId = null;} $ ('#tg'). Treegrid ('append', {parent: _parentid, // Hier können Sie die übergeordneten Bezeichnungsdaten angeben: [_data]}); $ ('#tg'). Treegrid ('beginne', _ data.id); $ (". ActionBtn"). = undefined; var personons = 0; var rows = t.Treegrid ('getChildren'); für (var i = 0; i <zeilen.length; i ++) {var p = parseInt (Zeilen [i] .persons); if (! isnan (p)) {persons+= p;}}} var frown = p;}} var frows = T.Treegrid ('getfotererrows') [0]; frow.persons = personons; T.Treegrid ('reloadfoter'); editingId); editingId = undefiniert;} $ (". ActionBtn"). ToggleClass ("l-btn-dessiert");} </script> <div style = "margin: 10px 0; href = "javaScript: void (0)" deaktiviert = "deaktiviert" onclick = "covorn ()"> cancer </a> </div>