validation - 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。在处理程序中，您必须遍历已激活选项卡中包含的字段并触发每个字段的验证。希望这可以帮助。