Я работаю над компонентом treecombo, я переопределил функцию createpicker комбо и разместил внутри него панель дерева.Я слежу за этой статьей.
Я столкнулся с проблемой, когда extjs пытается отсоединить этот (treecombo) компонент, когда я нажимаю на кнопку закрытия дисплея, чтобы закрыть экран (как extjs пытается отменить привязкухранить каждый компонент), выбрасывая ошибку Uncaught TypeError: Cannot read property 'getRoot' of null
. ошибка изображения .
Компонент :
{
xtype: 'oaticombobox',
reference: 'oatigroupcombobox12',
itemId: 'oatigroupcombobox12',
plugins: [{
ptype: 'OATIGroupCombobox',
}],
selModel: {
selType: 'checkboxmodel'
},
store: { type: 'DemoGroupCombo' },
queryMode: 'local',
fieldLabel: "OATI Group Combo", valueField: 'value',
displayField: 'text',
}
Магазин :
var treeStore =
//new Ext.data.TreeStore({
// root:
{
expanded: true, children: [
{
checked: false, text: "All", expanded: true, children: [
{
checked: false, text: "Numbers", expanded: true, children: [
{ checked: false, text: '1', value: '1', leaf: true },
{ checked: true, text: '2', value: '2', leaf: true },
{ checked: false, text: '3', value: '3', leaf: true },
{
checked: false, text: '5', leaf: true
}
]
},
{
checked: false, text: "Letters", expanded: false, children: [
{ checked: false, text: 'A', value: 'A', leaf: true },
{ checked: false, text: 'B', value: 'B', leaf: true },
{ checked: false, text: 'C', value: 'C', leaf: true },
{ checked: false, text: 'D', value: 'D', leaf: true },
{ checked: false, text: 'E', value: 'E', leaf: true },
]
},
{
checked: false, text: "Colors", expanded: false, children: [
{ checked: false, text: 'Red', value: 'Red', leaf: true },
{ checked: true, text: 'Green', value: 'Green', leaf: true },
{ checked: false, text: 'Blue', value: 'Blue', leaf: true }
]
}
]
}]
}
Ext.define('view.sampleTemplate.DemoGroupCombo', {
extend: 'Ext.data.TreeStore',
type: 'tree',
//root: {
// expanded: true
//},
fields: ['text', 'value'],
//fields: ['checked', 'text', 'value', 'leaf'],
alias: 'store.DemoGroupCombo',
autoLoad: true,
data: treeStore
//,autoDestroy: true
});