标签：技术 png pre item tool play 子节点 使用 包含
TreePanel的节点如包含子节点，可在展开/合上时显示不同的图标，增强客户端效果，提高用户体验。非常简单，使用TreePanel的两个事件：beforeitemexpand和beforeitemcollapse。
Ext.define(‘MyTreePanel_cls‘, {
extend: ‘Ext.tree.Panel‘,
height: 400,
width: 300,
store: mTreeStore,
tbar: Ext.create(‘TreeToolbarCls‘),
listeners:
{
beforeitemexpand: function (node, index, item, eOpts)
{
node.data.iconCls = ‘folder_open‘;
},
beforeitemcollapse: function (node, index, item, eOpts)
{
node.data.iconCls = ‘folder_close‘;
}
}
});在页面上要定义好folder_open和folder_close两个CSS样式。
.folder_close { background: url("/Image/tree/folder_close.ico") no-repeat center !important; } .folder_open { background: url("/Image/tree/folder_open.ico") no-repeat center !important; }
运行效果是这样的：
标签：技术 png pre item tool play 子节点 使用 包含
原文地址：http://www.cnblogs.com/edong/p/6110402.html
