Lebih banyak lagi

Menggunakan Kotak Centang di Layer Tree of GeoExt?

Menggunakan Kotak Centang di Layer Tree of GeoExt?


Saya cuba menghasilkan pokok lapisan yang disesuaikan menggunakan GeoExt 2.0.2 Kod saya adalah seperti berikut:

var store = Ext.create ('Ext.data.TreeStore', {model: 'GeoExt.data.LayerTreeModel', root: {diperluas: benar, kanak-kanak: [{plugins: ['gx_baselayercontainer'], diperluas: benar, teks : "Mappe di base"}, {diperluas: benar, teks: 'Dati amministrativi', leaf: false, children: [{text: "Area progetto", layer: "area_progetto", nodeType: "gx_layer", iconCls: ' area_progetto ', diperiksa: benar}, {teks: "Comuni italiani", lapisan: "comuni_italia", nodeType: "gx_layer", iconCls:' comuni_italia ', diperiksa: benar}]}, {diperluas: benar, teks:' Percorso Melalui Regina ', leaf: false, children: [{text: "Tratte", layer: "via_regina_tratte", nodeType: "gx_layer", iconCls:' via_regina_tratte ', diperiksa: true}]}}}}); tree = Ext.create ('GeoExt.tree.Panel', {border: true, region: "west", title: "Layers", lebar: 250, split: true, collapsible: true, collapseMode: "mini", autoScroll : true, rootVisible: false, lines: false, store: store});

Tujuan saya di sini adalah untuk membuat beberapa folder dengan lapisan yang saya pilih dan saya ingin memberikan ikon yang berbeza untuk setiap lapisan. Kod ini membuat subnode seperti yang saya mahukan, dan saya dapat menetapkan ikon yang berbeza untuk setiap lapisan di pokok, tetapi kotak centang tidak berfungsi. Adakah anda mempunyai idea atau cadangan tentang mengapa ia tidak berfungsi dan bagaimana saya boleh menjadikannya berfungsi?

CATATAN: butang radio untuk lapisan asas berfungsi

CATATAN2: Menetapkan "kedai" seperti berikut sebenarnya berfungsi untuk lapisan lapisan, tetapi dalam kes ini satu folder besar dibuat yang mengandungi setiap lapisan kecuali peta asas dan saya tidak dapat membuat folder yang berbeza dan menetapkan ikon yang berbeza untuk setiap lapisan.

var store = Ext.create ('Ext.data.TreeStore', {model: 'GeoExt.data.LayerTreeModel', root: {diperluas: benar, kanak-kanak: [{plugins: ['gx_baselayercontainer'], diperluas: benar, teks : "Peta Asas"}, {plugin: [{ptype: 'gx_overlaylayercontainer'}], diperluas: true, text: 'Overlay Layers'}]}});

Bagi seseorang yang mungkin memerlukan jawapan pada masa akan datang saya menyelesaikan masalahnya dengan sedikit mengubah definisi simpul:

{plugins: ['gx_layer'], teks: "Area progetto", lapisan: area_progetto, iconCls: 'area_progetto', onCheckChange: true}

Tonton videonya: Cara Membuat Daftar List DropDown dan Kotak Centang di Google Sheet atau SpreadSheet