将树面板对齐到中心或右侧

时间:2017-07-03 08:23:02

标签: extjs6 extjs6-classic

ExtJS 6相当新,如何将树状面板与面板的中心或右侧对齐。几周来一直试图这样做。请协助

1 个答案:

答案 0 :(得分:0)

这是API Docs所说的:

  

默认情况下,TreePanel包含一个列,该列使用商店节点的文本字段。

您可以使用text dataIndex声明tree column并指定对齐:

Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 200,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody(),
    columns: [{
        xtype: 'treecolumn',
        dataIndex: 'text',
        flex: 1,
        align: 'end'
    }]
});

这是小提琴:https://fiddle.sencha.com/#view/editor&fiddle/22tu

不确定您是否尝试仅对齐某些组件或所有组件。如果是后者,您可能需要查看Sencha的"Right-to-Left Support in Ext JS"指南。