Secara umum, ikon Treegrid adalah folder default dan formulir file, seperti yang ditunjukkan pada gambar di bawah ini:
Kami dapat menambahkan ikoncls ke teks JSON untuk mengubah ikon default, misalnya:
{"Total": 7, "baris": [{"id": 1, "name": "all Tugas "," Begin ":" 3/4/2010 "," End ":" 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 ":" Tutup "}, {" id ": 21," nama ":" da tabase "," orang ": 2," begin ":" 3/4/2010 "," end ":" 3/6/2010 "," progress ": 100," _ ParentId ": 2}, {" id ": 22," nama ":" u Ml "," orang ": 1," begin ":" 3/7/2010 "," end ":" 3/8/2010 "," Progress ": 100," _ Parentid ": 2}, {" id ": 23," nama ":" Ekspor Dokumen "," Orang ": 1," Begin ":" 3/9/2010 "," End ":" 3/10/2010 "," Progress ": 100," _ Parentid ": 2}, {" id ": 3," nama ":" coding "," orang ": 2," begin ":" 3/11/2010 "," " end ":" 3/18/2010 "," progress ": 80}, {" id ": 4," name ":" testing "," orang ": 1," begin ":" 3/19/2010 "," end ":" 3/20/2010 "," progress ": 20}]," footer ": [{": ":" Orang: "," orang ": 7," ikon ":" ikon-sum "}]}Kemudian ubah ikon.css dan tempatkan ikon yang akan digunakan di folder yang ditentukan.
Biasanya, jika Anda berbicara tentang modifikasi seperti itu, TreeGrid dapat menampilkan ikon yang Anda rancang sendiri.
Jika ikon yang Anda setel tidak dapat ditampilkan saat ini, Anda dapat memeriksa urutan di mana Icon.css dan easyui.css diperkenalkan pada halaman. Pastikan easyui.css ada di depan dan Icon.css ada di belakang. Kalau tidak, gaya di easyui.css akan menimpa titik ICON.CSS dan ikon default masih akan ditampilkan.
Di bawah ini saya akan memperkenalkan JQuery Easyui TreeGrid untuk menambah, menghapus, memodifikasi, dan memeriksa kode
<script type = "text/javaScript"> format formatProgress (value) {if (value) {var s = '<ver>' + '<div>' + value + '%' + '</div>' '</div>'; return s;} else {return '; tidak terdefinisi) {$ ('#tg'). TreeGrid ('Select', EditingId); return;} var row = $ ('#tg'). TreeGrid ('getselected'); if (row) {EditingId = row.id $ ('#tg'). TreeGrid ('hapus', EditingId); $ ('#tg'). TreeGrid ('ReloadFooter');} $ (". ActionBtn"). ToggleClass ("L-Btn-Disabled");} function edit () {if (EditingId! = Tidak ada) {$ ('#tg'). TREEGRID (' $ ('#tg'). TreeGrid ('getSelected'); if (row) {EditingId = row.id $ ('#tg'). TreeGrid ('BeginedIt', EditingId);} $ (". ActionBtn"). ToggleClass ("L-Btn-Disable");} function () {if-disabled () {if {if l-btn-dislasing "); tidak terdefinisi) {$ ('#tg'). TreeGrid ('pilih', EditingId); return;}/**/var baris = $ ('#tg'). TreeGrid ('getChildren'); EditingId = Baris.Length+1; var row = null; var _data = {"id": editing, "null;" null; var _data = {"id": editing, "null;" null; var _data = {"id": editing, "null;" Nama "," Orang ": 0," Begin ":" 3/19/2010 "," End ":" 3/20/2010 "," Progress ": 10}; var _parentId = 0; var row = $ ('#tg'). TreeGrid ('getselected'); if (row) {$ ('#tg'). row.id;} else {var root = $ ('#tg'). TreeGrid ('getroot'); _ parentId = null;} $ ('#tg'). TreeGrid ('append', {parent: _parentid, // di sini Anda dapat menentukan data pengidentifikasi orang tua: [_data]}); $ ('#tg'). TreeGrid ('EmbinedIt', _ Data.id); $ (". ActionBtn"). ToggleClass ("L-Btn-Disabled");} function save () {if (Editing! = Tidak Ditentukan) {var t = $ ('# EditingId); EditingId = tidak terdefinisi; var orang = 0; var baris = t.treegrid ('getchildren'); untuk (var i = 0; i <rows. t.treegrid ('getfooterrows') [0]; frow.persons = orang; t.treegrid ('ReloadFooter'); $ (". ActionBtn"). ToggleClass ("l-Btn-Disabled");} function cancel () {if (Editingid! EditingId); EditingId = tidak terdefinisi;} $ (". ActionBtn"). ToggleClass ("L-Btn-Disabled");} </script> <div style = "margin: 10px 0;"> <a href = "javascript: void (0)" diskabled = "disabled" pada href = "javascript: void (0)" disurs href = "JavaScript: void (0)" Disabled = "Disabled" OnClick = "Cancel ()"> Batal </a> </div>