Gridを初期表示でcollapseした場合にセルの編集ができない。
CellEditorプラグインを適用したTreeGridを表示する際にcollapsed:trueを指定すると、 表示後、expandしてもセルの編集ができない。
サンプルソース
Ext.define('User', {
extend: 'Ext.data.TreeModel',
mixins: ["Ext.data.NodeInterface"]
fields: [
{name: 'name', type: 'string'},
{name: 'age', type: 'int', convert: null},
{name: 'phone', type: 'string'},
{name: 'alive', type: 'boolean', defaultValue: true, convert: null}
]
});
store = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
}
});
Ext.create('Ext.tree.Panel', {
title: "hoge"
collapsed: true
collapsible: true
store: store,
rootVisible: false
columns:[
{
xtype: 'treecolumn'
dataIndex: 'name'
header: "name"
flex:1
}
{
dataIndex: 'name'
header: "name"
width: 90
editor: 'textfield'
}
]
listeners:
expand: ->
setTimeout =>
model1 = Ext.ModelMgr.create({
name:"hoge"
},'User')
@store.getRootNode().appendChild model1
,1000
})
普通のGridでは試してないけど、とりあえずは
- TreeGridを表示
- Cell Editor プラグインを適用
- TreeGridは初期表示時はたたむ(collapsed:true)
- 初期表示時はデータなし。表示後にデータを追加。(ここではexpandした時に追加している)
の条件で再現しそう。