如何正确自定义Ext JS树节点？

Question

Ext JS 4.我tree.Panel想在每个节点中显示自定义HTML,从该节点的模型数据生成.我可以通过text在加载商店时设置节点来完成此操作,但是进行标记不是模型的工作.所以我创建了一个Column呈现HTML 的自定义.

我的问题是:除非我派生Ext.tree.Column,否则它没有正确显示(没有轮廓,加/减图标等).如果我这样做,一切都很好,但Ext.tree.Column被标记为Ext JS私有.

是否有一些官方支持的API可以满足我的需求？

Answer 1

我写了一篇关于如何自定义ExtJS 4树面板的博客文章,希望它会有所帮助:http: //hardtouse.com/blog/？p = 24

想法是使用渲染器结合A LOT OF css magic:

columns : [{
    xtype : 'treecolumn',
    dataIndex : 'name',
    renderer : function(value, record){
        return Ext.String.format('<div class="tree-font">{0}</div>', value);
    }]