ExtJS4 treepanel-Symbol Problem
Sind wir mit treepanel in unserer Anwendung.Der code ist:
var exStore = Ext.create('Ext.data.TreeStore',{
root : {
children : [{
text : 'Parent 1',
id : 'parent1',
checked : false,
iconCls : 'ico1',
children : [{
text : 'Child 1',
id : 'child1',
checked : false,
leaf : true
},{
text : 'Child 2',
id : 'child2',
checked : false,
leaf : true
}]
},{
text : 'Parent 2',
id : 'parent2',
checked : false,
iconCls : 'ico2',
children :[{
text : 'Child 3',
id : 'child3',
checked : false,
leaf : true
},{
text : 'Child 4',
id : 'child4',
checked : false,
leaf : true
}]
}]
}
});
var treepanel = Ext.create('Ext.tree.Panel',{
id : 'tree',
width : 300,
height : 300,
store : exStore,
rootVisible : false
});
Aber wir stehen hier zwei Probleme.
1.Wir haben angegeben iconCls für den übergeordneten Knoten.Es ist die Anzeige in Ordnung, wenn Baum zugeklappt.Wenn wir die Struktur erweitern wird es ersetzt mit Ordner-Symbol.Für die Referenz schauen Sie sich bitte die beigefügten Bilder.
2.Wenn wir wählen Sie den übergeordneten Knoten,dann wird das child-Knoten, die sich unter bestimmten übergeordneten Knoten hat getselected.
Wenn einer eine Idee hat.Bitte helfen Sie mir.Wir versuchen, eine Menge zu diesen Themen.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gehen Sie zu Ihrem css und probieren Sie etwas wie :
Können Sie festlegen, welche Struktur, die Sie möchten, das Symbol angewendet durch die Auflistung der 'cls' - Eigenschaft des Baumes. Zum Beispiel:
Mit, dass die DIV enthält der strukturbereich wird, haben die CSS-Klasse "mein-Baum-panel' angewendet. Dann in der css-Datei definieren Sie den selector wie folgt:
Das Symbol angewendet wird, nur, dass dieser bestimmte Baum-panel. So können Sie verschiedene Baum-panels in Ihren Anwendungen, und Sie werden in der Lage sein, um das anpassen der Symbole für jeden.
ändern-Symbol, um den Baum dann geben Sie seine Id als
wenn Sie möchten, dass das Symbol für einen bestimmten Symbol, geben Sie die Knoten-Id, das gleiche funktioniert einwandfrei.