javascript - 动态更改ExtJS 6仪表板中的列宽

呈现后，是否可以更改Ext.dashboard.Dashboard中的列宽？它是使用以下配置值创建的：

columnWidths: [
    0.35,
    0.40,
    0.25
]

我想将其动态更改为：

columnWidths: [
    0.5,
    0.25,
    0.25
]

直接或使用columnWidths更改setConfig属性不会更新仪表板。它似乎没有“刷新”方法或其他显然具有相同目的的方法。各个仪表板列均具有setWidth函数，但这似乎也不起作用。

最佳答案

我在自动管理此功能的API中找不到任何内容，但是您可以在信息中心中手动更新每个子组件的columnWidth值，然后调用updateLayout：

function setColumnWidths(dashboard, columnWidths){
    var i = 0;
    dashboard.items.each(function(item){
        if(item instanceof Ext.resizer.Splitter)
            return; // ignore
        item.columnWidth = columnWidths[i++] || 1;
    });
    dashboard.updateLayout();
}

» Fiddle

关于javascript - 动态更改ExtJS 6仪表板中的列宽，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34912127/