我需要在Ext js 6.5.0中使用树形网格,但是标记为xtype的字段:'treecolumn'显示带有文件夹图标而不是给定值的文本“ root”
查看代码:
Ext.define('Bonus.view.cycleDetails.TreeGridIcs', {
extend: 'Ext.tree.Panel',
alias: 'widget.TreeGridIcs',
itemId: 'treeGrid',
reserveScrollbar: true,
useArrows: true,
rootVisible: true,
multiSelect: true,
singleExpand: true,
style: 'border: 1px solid #d0d0d0',
margin: '10 10 0 10',
columns: [
{
xtype: 'treecolumn', //this is so we know which column will show the tree
text: 'Nome',
sortable: true,
dataIndex: 'usuario'
},
{
xtype: 'gridcolumn',//we must use the templateheader component so we can use a custom tpl
text: 'item de controle',
width: 150,
sortable: true,
dataIndex: 'item',
align: 'center',
},
{
xtype: 'gridcolumn',//we must use the templateheader component so we can use a custom tpl
text: 'Código Item',
width: 150,
sortable: true,
dataIndex: 'idItemControle',
align: 'center',
},
{
xtype: 'gridcolumn',
text: 'peso',
width: 150,
dataIndex: 'peso',
sortable: true
},
]
});
控制器中将数据添加到树状网格的方法
onChangeCombo: function (e) {
var me = this;
gerenteId = e.getValue('id');
if (gerenteId && gerenteId > 0) {
grid = me.view.down('#treeGrid');
store = Ext.create('Bonus.store.SubordinadosStore');
me.view.setLoading(true);
store.load({
params: {
subordinate: gerenteId
},
callback: function (store) {
me.view.setLoading(false);
if (store) {
if (store.length > 0) {
var root = new Object();
root.sucess = true;
root.children = [store[0].data, store[1].data];
grid.setRoot(root);
} else {
grid.getStore().removeAll();
}
} else {
grid.getStore().removeAll();
}
}
});
}
},
以最小化的json形式添加到“ root”变量中的treegrid中的数据:
{"sucess":true,"children":[{"cargo":null,"children":null,"idItemControle":null,"item":null,"leaf":false,"peso":null,"usuario":"Empresa","name":"","id":"Bonus.model.AdministratorsModel-1"},{"cargo":null,"children":[{"cargo":null,"children":null,"idItemControle":1118188,"item":"# gestores abajo del nivel","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1151719,"item":"% de metas logradas","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1216870,"item":"%","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1216871,"item":"%","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1216873,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1221461,"item":"% RR Realizadas / total","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1227158,"item":"%","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1227159,"item":"%","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1233084,"item":"Numero de usuarios","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1117245,"item":"Controle da Rotina","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1189511,"item":"# de gestores nivel inferior al esperado","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1189512,"item":"% de metas logradas","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1189513,"item":"# de reuniones realiadas de los Líderes Soportados","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1118221,"item":"% de metas logradas","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1118815,"item":"Cantidad de clientes activos 30 días","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1118817,"item":"Cantidad de usuarios últimos 30 días","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146415,"item":"#","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146418,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146448,"item":"Usuarios registrados acumulado","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146453,"item":"Usuarios Registrados Acumulados","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146483,"item":"#","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146485,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146627,"item":"Total de PDV de agentes con material POP convergente. ","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1118239,"item":"$","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1118810,"item":"# de nuevos hogares","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1118812,"item":"# de abonados Postpago","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1118814,"item":"# de recargas","leaf":true,"peso":0,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146486,"item":"%","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1146686,"item":"#","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1151687,"item":"# de gestores nivel inferior al esperado","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1151751,"item":"# de reuniones realizadas","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1189773,"item":"# de gestores nivel inferior al esperado","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1189774,"item":"% de metas logradas","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1189775,"item":"# de reuniones realiadas de los Líderes Soportados","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1189999,"item":"# de gestores nivel inferior al esperado","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1190000,"item":"% de metas logradas","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1190001,"item":"# de reuniones realiadas de los Líderes Soportados","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1201170,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1201172,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1201174,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1201376,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1201377,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1201378,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1201379,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1201380,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1205968,"item":"Cantidad","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1216853,"item":"Peor Color","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1216857,"item":"Peor Color","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1217133,"item":"Nota de EGU","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1221462,"item":"% media de EGU de los usuarios","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1230893,"item":"$","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1233080,"item":"No. de Usuarios","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1233081,"item":"No. de Usuarios ","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":null,"idItemControle":1246294,"item":"Encuesta","leaf":true,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":[{"cargo":null,"children":null,"idItemControle":1246294,"item":"(RADAR) Orientación De Equipo MTD Cultura Organizacional","leaf":true,"peso":0,"usuario":null}],"idItemControle":null,"item":null,"leaf":false,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO"},{"cargo":null,"children":[{"cargo":null,"children":null,"idItemControle":1246297,"item":"(RADAR) Orientación De Equipo MTD Cultura Organizacional","leaf":true,"peso":0,"usuario":null}],"idItemControle":null,"item":null,"leaf":false,"peso":null,"usuario":"SANCHEZ PRIETO JUAN JOSE"}],"idItemControle":null,"item":null,"leaf":false,"peso":null,"usuario":"MARQUEZ PULIDO RODRIGO","name":"","id":"Bonus.model.AdministratorsModel-2"}]}
答案 0 :(得分:0)
”“显示带有文件夹图标而不是给定值的文本“ root””我在代码中看不到“给定值”。但是,如果您想将“ Root”更改为其他名称,则可以将代码更改为以下内容。 请尝试以下操作:
onChangeCombo: function (e) {
var me = this;
gerenteId = e.getValue('id');
if (gerenteId && gerenteId > 0) {
grid = me.view.down('#treeGrid');
store = Ext.create('Bonus.store.SubordinadosStore');
me.view.setLoading(true);
store.load({
params: {
subordinate: gerenteId
},
callback: function (store) {
me.view.setLoading(false);
if (store) {
if (store.length > 0) {
/*var root = new Object();
root.sucess = true;
root.children = [store[0].data, store[1].data];
grid.setRoot(root);*/
/// I HAVE ADDED THIS CODE --------------------------------------------------
grid.setRoot({
usuario: "Another Root Name",
children: [
store[0].data,
store[1].data
]
});
// TILL HERE -----------------------------------------------------------------
} else {
grid.getStore().removeAll();
}
} else {
grid.getStore().removeAll();
}
}
});
}
},
如果要隐藏根节点,可以在树面板中使用“ rootVisible:false”。