forms - Sencha Touch/Ext：如何在不禁用选项卡的情况下禁用选项卡面板（tabpanel）内的表单

Question

我有一个简单的选项卡面板（tabpanel），其中每个选项卡都是一个表单。默认情况下，我希望表单被禁用（只读），并且一旦用户点击编辑按钮就可以编辑。通过设置表单的“禁用”配置，选项卡也被禁用（不能点击它）。

如何在启用选项卡的同时禁用表单？我有几个解决方案可以依靠，但我希望有更清洁/更简单的东西。

到目前为止我的解决方案：

1. 制作选项卡容器并将表单放置在容器内
2. 在字段集级别禁用

Answer 1

我当前的解决方案使用选项卡面板的“初始化”事件处理程序并在每个表单面板上调用“setDisabled(true)”。

onTabPanelInitializer: function(component, options){
    component.query('formpanel').forEach(function(element, index, array){
        element.setDisabled(true);
    });
}