En general, el icono TreeGrid es la carpeta predeterminada y el formulario de archivo, como se muestra en la figura a continuación:
Podemos agregar IconCls al texto JSON para cambiar el icono predeterminado, por ejemplo:
{"Total": 7, "filas": [{"id": 1, "nombre": "Todos Tareas "," Begin ":" 3/4/2010 "," End ":" 3/20/2010 "," Progress ": 60," IconCls ":" icon-ok "}, {" id ": 2," nombre ":" Diseño "," Begin ":" 3/4/2010 "," End ":" 3/10/2010 "," Progress ": 100," _ ParentId ": 1," Estado ":" cerrado "}, {" id ": 21," Nombre ":" Da Tabase "," Personas ": 2," Begin ":" 3/4/2010 "," End ":" 3/6/2010 "," Progress ": 100," _ ParentId ": 2}, {" id ": 22," Nombre ":" u Ml "," Personas ": 1," Begins ":" 3/7/2010 "," End ":" 3/8/2010 "," Progress ": 100," _ ParentId ": 2}, {" id ": 23," Nombre ":" Exportar " Documento "," Personas ": 1," Begin ":" 3/9/2010 "," End ":" 3/10/2010 "," Progress ": 100," _ ParentId ": 2}, {" id ": 3," Nombre ":" Codificación "," Personas ": 2," Begin: "3/11/2010", "," End ":" 2/10/2010 "," Progress ": 80}, {" id ": 4," Nombre ":" Prueba "," Personas ": 1," Begins ":" 3/19/2010 "," End ":" 3/20/2010 "," Progress ": 20}]," Footer ": [" Nombre ":" Total Total Personas: "," Personas ": 7," IconCls ":" Icon-Sum "}]}Luego modifique icon.css y coloque el icono que se utilizará en la carpeta especificada.
Por lo general, si habla de tales modificaciones, TreeGrid puede mostrar los iconos que diseñó usted mismo.
Si el icono que establece no se puede mostrar en este momento, puede verificar el pedido en el que se introducen icon.css y easyui.css en la página. Asegúrese de que EasyUi.css esté al frente y Icon.css esté en la parte posterior. De lo contrario, el estilo en EasyUi.css sobrescribirá el punto icon.css y el icono predeterminado aún se mostrará.
A continuación, presentaré a JQuery Easyui TreeGrid para agregar, eliminar, modificar y verificar el código
<script type = "text/javaScript"> FormatProgress (value) {if (value) {var s = '<div>' + '<div>' + valor + '%' + '</div>' '' </div> '; return s;} else {return' '';}} var editID; function deleterow () {if (editingID! = Undefined) {$ (''#tg '). TreeGrid (' select ', editingId); return;} var row = $ ('#tg '). TreeGrid (' getSelected '); if (row) {editingId = row.id $ ('#tg '). Tregrid (' eliminar ',,, editingId); $ ('#tg'). TreeGrid ('reloadfooter');} $ (". ActionBtn"). Toggleclass ("l-btn-disable $ ('#tg'). TreeGrid ('getSelected'); if (row) {editingId = row.id $ ('#tg'). TreeGrid ('beginedit', editingId);} $ (". ActionBtn"). TogglecLass ("l-btn-discapilable");} function insert () {if (editingIdid! Undefinado) {$ (''#tg '). TreeGrid (' select ', editingID); return;}/**/var rows = $ ('#tg '). TreeGrid (' getChildren '); editingId = Rows.length+1; var fila = null; var _data = {"id": editingid, "nombre": "new nombre "," Personas ": 0," Begin ":" 13/01/2010 "," end ":" 3/20/2010 "," progreso ": 10}; var _parentid = 0; var row = $ ('#tg'). TreeGrid ('getSelected'); if (fila) {$ ('#tg'). row.id;} else {var root = $ ('#tg'). TreeGrid ('getroot'); _ parentid = null;} $ ('#tg'). TreeGrid ('append', {parent: _parentid, // Aquí puede especificar los datos identificadores de los padres: [_data]}); $ ('#tg'). TreeGrid ('beginedit', _ data.id); $ (". ActionBtn"). Toggleclass ("L-Btn-Disabled");} function save () {if (editingId! = inderfined) {var t = $ ('#tg'); t.treegrid (endetedit); editTeDit); editTeid); editTeid); editTeid); editingid); Undefinado; var personas = 0; var filas = t.treegrid ('getChildren'); for (var i = 0; i <shows.length; i ++) {var p = parseint (filas [i] .persons); if (! isnan (p) {personas+= p;}} var frow = t.treegrid ('getFootRrows') [0]; frow.persons = personas; t.treegrid ('reloadfooter'); $ (". ActionBtn"). TogGlecLass ("l-Btn-Disable");}} function Cancel () {si (editingId! = UNDEFINADO) {$ ('#tg'). TreeGrid ('Canceled, », cancelado, cancelado (it canceled (Tanceled (', cancelado (», Tanceled (», Tanceled (», Tanceled (», Tanceled (Tanceled, (», ». editarId); editingId = undefined;} $ (". ActionBtn"). TogglecLass ("l-btn-disable href = "javaScript: void (0)" discapacitado = "discapacitado" onClick = "cancel ()"> Cancelar </a> </div>