Extjs在页面加载后添加侦听器

Extjs在页面加载后添加侦听器,extjs,widget,Extjs,Widget,我是documentum xcp开发人员,xcp UI是在extjs中开发的,我们有一个创建UI的工具。在UI中,我们只有一个选项来设置小部件的初始值。我可以调用函数来设置初始值 我的要求是限制用户在数字字段中输入连字符,在文本字段中输入数值 在页面上,我们有菜单栏和链接到页面的项目。我想在页面中添加“afterrender”侦听器 var page = Ext.ComponentQuery.query('panel[title=Document Search]')[0]; page.on("a

我是documentum xcp开发人员,xcp UI是在extjs中开发的,我们有一个创建UI的工具。在UI中,我们只有一个选项来设置小部件的初始值。我可以调用函数来设置初始值

我的要求是限制用户在数字字段中输入连字符,在文本字段中输入数值

在页面上,我们有菜单栏和链接到页面的项目。我想在页面中添加“afterrender”侦听器

var page = Ext.ComponentQuery.query('panel[title=Document Search]')[0];
page.on("afterrender", function(){ alert('after render called ...');

});

提前感谢

您必须尝试在文本字段中使用vtype吗

更多信息请点击此处:

例如:

{
    xtype: 'textfield',
    name: 'email',
    fieldLabel: 'Email Address',
    vtype: 'email'  // requires value to be a valid email address format
}
在本例中,您正在创建一个只允许电子邮件地址的文本字段。 您有4种类型的“vtype”:

  • 阿尔法
  • 阿尔法纳姆
  • 电子邮件
  • 网址
也可以从文档中创建自定义vtype,如以下示例所示:

    // custom Vtype for vtype:'time'
    var timeTest = /^([1-9]|1[0-9]):([0-5][0-9])(\s[a|p]m)$/i;
    Ext.apply(Ext.form.field.VTypes, {
        //  vtype validation function
        time: function(val, field) {
            return timeTest.test(val);
        },
        // vtype Text property: The error text to display when the validation function returns false
        timeText: 'Not a valid time.  Must be in the format "12:34 PM".',
        // vtype Mask property: The keystroke filter mask
        timeMask: /[\d\s:amp]/i
    });
希望这将有助于解决您的问题