如何使用任何其他名称更改树面板属性"text:",例如extjs中的"name:"

Question

我是Extjs的新手,以下是我的代码:

children: [{
    text:'Basic Ext Layouts',
    expanded: false,
    children:[{
        text:'Absolute',
        id:'absolute',
        leaf:true,
    },{

我试图让它变得像

children: [{
    name:'Basic Ext Layouts',
    expanded: false,
    children:[{
        name:'Absolute',
        id:'absolute',
        leaf:true,
    },{

但它不起作用,请告诉我解决方案

Answer 1

将displayField config 设置为'name':

Ext.create('Ext.tree.Panel', {
  displayField: 'name',
  // ...
});

UPDATE

您还必须为您的树库创建模型,并将'name'附加到它的字段config:

Ext.define('MyModel', {
    extend: 'Ext.data.Model',
    fields: [ 'name' ]
});

这是一个有效的例子.