インライン ストアで TreePanel を定義するときに、ツリー ノードのテキストが表示されないという問題が発生しています。ただし、ストア定義を外部化して別の変数に移動し、API ドキュメントに示されているように TreePanel を割り当てると、完全に正常に動作します。
以下は、TreePanel のコード スニペットと、レンダリング時のスクリーンショットです。
Ext.define('MyApp.view.MyViewport', {
extend: 'Ext.container.Viewport',
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [ {
xtype: 'treepanel',
title: 'My Tree Panel',
displayField: 'text',
store: {
"id" : "xwt-gen-92bb1629-2cfe-43c1-a40a-a8a2c4e26562",
"owners" : ["booktaxi.tree"],
"storeId" : "xwt-gen-6310be92-f272-4926-8392-ed0eacd04952",
"fields" : [],
"root" : {
"children" : [{
"children" : [],
"expandable" : false,
"id" : "775aa413-72af-4708-b2f1-8852a660cd0a",
"leaf" : true,
"root" : false,
"text" : "detention"
}, {
"children" : [{
"children" : [],
"expandable" : false,
"id" : "f2cbb9c3-c177-4870-a2f2-dceb54a781ab",
"leaf" : true,
"root" : false,
"text" : "book report"
}, {
"children" : [],
"expandable" : false,
"id" : "a4550d10-385e-4c2e-b6da-9f439cab8bd4",
"leaf" : true,
"root" : false,
"text" : "alegrbra"
}
],
"expandable" : true,
"id" : "ba8910a3-7e3f-4959-bcd0-9b3c102c40d4",
"leaf" : false,
"root" : false,
"text" : "homework"
}, {
"children" : [],
"expandable" : false,
"id" : "4f855b01-24ab-400a-ad7d-0dff14ca9710",
"leaf" : true,
"root" : false,
"text" : "buy lottery tickets"
}
],
"expanded" : true,
"id" : "a7d67f78-1a32-4077-8ce3-778b40de1835",
"leaf" : false,
"root" : true,
"text" : ""
},
"xtype" : "store.tree"
},
viewConfig: {
}
}
]
});
me.callParent(arguments);
}
});
以前にこの問題に直面したことがあるかどうか、およびこれを修正する方法があるかどうか疑問に思っていました。