如何使用任何其他名称更改树面板属性“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配置设为'name'：

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

更新

您还必须为您的树库创建模型，并将'name'附加到其字段config：

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

这是working example。