extjs 在切换选项卡时显示验证

Question

嗨， 我希望有人可以在这里帮助我使用 extjs 框架。

我遇到的问题是没有为在面板初始化时不可见的选项卡呈现字段验证。

它只有在单击文本字段时才开始工作。

我需要的是在激活选项卡时强制验证字段的验证提示。

编辑 我想出了这个

Ext.getCmp('aanMakenGebruikerTabPanel').on('tabchange',function(){
        AanMakenGebruikerWindow.syncShadow();
        Ext.getCmp('Mobiel1Veld').on('render',function(v){v.validate();});
        Ext.getCmp('Email1Veld').on('render',function(v){v.validate();});
        //console.log("[aanMakenGebruikerTabPanel] resize -- sync");
    });

编辑 我通过使用级联函数解决了这个问题，因此它也可以到达字段集中的项目。

Ext.getCmp('aanMakenGebruikerTabPanel').on('tabchange',function(tabPanel,tab){
        AanMakenGebruikerWindow.syncShadow();
        tab.cascade(function(item) {
   if (item.isFormField) {
    item.validate();
  }
} );
    });

谢谢，理查德

Answer 1

deferredRender 选项默认为true。将其设置为 false 有帮助吗？

{
   xtype: 'tabpanel',
   deferredRender: false, 
   items: []
}

Answer 2

在您的选项卡面板配置对象中添加beforetabchange/tabchange 事件的侦听器。在处理程序中，您必须遍历已激活选项卡中包含的字段并触发每个字段的验证。希望这会有所帮助。