extjs在切换标签时显示验证

时间:2010-07-20 17:42:31

标签: validation frameworks extjs textfield tabpanel

HI, 我希望有人可以通过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();
  }
} );
    });
谢谢,理查德

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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