أكثر

استخدام مربعات الاختيار في Layer Tree of GeoExt؟


أحاول إنشاء شجرة طبقة مخصصة باستخدام GeoExt 2.0.2 الكود الخاص بي كما يلي:

var store = Ext.create ('Ext.data.TreeStore'، {model: 'GeoExt.data.LayerTreeModel'، root: {selected: true، children: [{plugins: ['gx_baselayercontainer']، selected: true، text : "Mappe di base"}، {selected: true، text: 'Dati amministrativi'، leaf: false، children: [{text: "Area progetto"، layer: "area_progetto"، nodeType: "gx_layer"، iconCls: ' area_progetto '، check: true}، {text: "Comuni italiani"، layer: "comuni_italia"، nodeType: "gx_layer"، iconCls:' comuni_italia '، check: true}]}، {selected: true، text:' Percorso عبر Regina '، Leaf: false، children: [{text: "Tratte"، layer: "via_regina_tratte"، nodeType: "gx_layer"، iconCls:' via_regina_tratte '، check: true}]}]}})؛ tree = Ext.create ('GeoExt.tree.Panel'، {border: true، region: "west"، title: "Layers"، width: 250، split: true، collapsible: true، collapseMode: "mini"، autoScroll : true، rootVisible: false، lines: false، store: store})؛

هدفي هنا هو إنشاء مجلدات متعددة بالطبقات التي أحددها وأريد تعيين رموز مختلفة لكل طبقة. أنشأ هذا الرمز عُقدًا فرعية كما أريد ، ويمكنني تعيين رمز مختلف لكل طبقة في الشجرة ، لكن مربعات الاختيار لا تعمل. هل لديك أي أفكار أو اقتراحات حول سبب عدم عملها وكيف يمكنني جعلها تعمل؟

ملاحظة: تعمل أزرار الاختيار الخاصة بالطبقات الأساسية

NOTE2: تعيين "المخزن" على النحو التالي يعمل بالفعل مع طبقات التراكب ، ولكن في هذه الحالة يتم إنشاء مجلد واحد كبير يحتوي على كل طبقة باستثناء الخرائط الأساسية ولا يمكنني إنشاء مجلدات مختلفة وتعيين رموز مختلفة لكل طبقة.

var store = Ext.create ('Ext.data.TreeStore'، {model: 'GeoExt.data.LayerTreeModel'، root: {selected: true، children: [{plugins: ['gx_baselayercontainer']، selected: true، text : "Base Maps"} ، {plugins: [{ptype: 'gx_overlaylayercontainer'}] ، موسع: صحيح ، نص: 'Overlay Layers'}]}})؛

بالنسبة لشخص قد يحتاج إلى الإجابة في المستقبل ، قمت بحل المشكلة عن طريق تغيير تعريف العقدة قليلاً:

{المكونات الإضافية: ['gx_layer'] ، النص: "Area progetto" ، الطبقة: area_progetto ، iconCls: 'area_progetto' ، onCheckChange: true}


شاهد الفيديو: المحاضره السابعه اختيار متعدد مربعات الاختيار القائمة-نماذج جوجل التفاعليه (شهر اكتوبر 2021).