将树面板居中或向右对齐

Question

ExtJS 6 相当新，我如何将树面板对齐到面板的中心或右侧。几个星期以来一直在尝试这样做。请协助

Answer 1

这就是 API 文档所说的：

By default a TreePanel contains a single column which uses the text Field of the store's nodes.

您可以使用 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'
    }]
});

这是 fiddle：https://fiddle.sencha.com/#view/editor&fiddle/22tu。

不确定您是想只对齐某些组件还是所有组件。如果是后者，您可能想看看 Sencha 的 "Right-to-Left Support in Ext JS" 指南。

将树面板居中或向右对齐

Align Tree Panel to the Center or right

extjs6

extjs6-classic