Sencha Touch / Ext：如何禁用选项卡面板（tabpanel）中的表单而不禁用选项卡

Question

我有一个简单的选项卡面板（tabpanel），其中每个选项卡都是一个表单。默认情况下，我希望禁用表单（只读），并在用户点击“编辑”按钮后进行编辑。通过设置表单的“禁用”配置，Tab也被禁用（无法点击它）。

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

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

1. 制作标签容器并将表单放在容器
中
2. 在Fieldset级别禁用

Answer 1

我当前的解决方案使用Tab Panel的“initialize”事件处理程序，并在每个表单面板上调用“setDisabled（true）”。

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