prasanth_kodali
19 Jul 2013, 4:55 AM
I have a tree-panel configured as below:
Ext.define('MyClass', {
extend: 'Ext.tree.Panel',
rootVisible: false,
store: 'MyStore', //extends TreeStore
initComponent: function() {
this.columns = [{
xtype: 'actioncolumn',
text: ' ',
width: 25,
items: [{
iconCls: 'my-icon-cls',
handler: function(view, rowidx, colidx, item, evt, record) {
if (record.isExpanded()) {
record.collapse();
} else {
record.expand();
}
}
},
{
text: 'Name',
dataIndex: 'name',
flex: 1,
minWidth: 100
},
...
...
}], //columns definition ends
...
...
}, // initConponent ends
viewConfig: {
getRowClass: function(record, rowIdx, params, store) {
if (record.isExpanded()) {
return 'row-expanded-cls';
} else {
return '';
}
}
}
...
...
}); // class definition ends
This works as expected in Chrome and Firefox. But in Internet Explorer, the class (row-expanded-cls) for the rows does not change when it is expanded by clicking on the action-column.
Is any additional configuration required for it to work in Internet Explorer also?
P.S., I tested this functionality in IE 10.
Thanks,
Ext.define('MyClass', {
extend: 'Ext.tree.Panel',
rootVisible: false,
store: 'MyStore', //extends TreeStore
initComponent: function() {
this.columns = [{
xtype: 'actioncolumn',
text: ' ',
width: 25,
items: [{
iconCls: 'my-icon-cls',
handler: function(view, rowidx, colidx, item, evt, record) {
if (record.isExpanded()) {
record.collapse();
} else {
record.expand();
}
}
},
{
text: 'Name',
dataIndex: 'name',
flex: 1,
minWidth: 100
},
...
...
}], //columns definition ends
...
...
}, // initConponent ends
viewConfig: {
getRowClass: function(record, rowIdx, params, store) {
if (record.isExpanded()) {
return 'row-expanded-cls';
} else {
return '';
}
}
}
...
...
}); // class definition ends
This works as expected in Chrome and Firefox. But in Internet Explorer, the class (row-expanded-cls) for the rows does not change when it is expanded by clicking on the action-column.
Is any additional configuration required for it to work in Internet Explorer also?
P.S., I tested this functionality in IE 10.
Thanks,