用于提示Ext.MessageBox的正则表达式

时间:2015-02-23 08:00:42

标签: extjs extjs4 extjs4.1 extjs4.2 extjs3

我提示用户填写字母和数字的组合。

以下是代码:

 Ext.Msg.show({
    title : 'you can enter alphabets and number',
    msg : 'Your value',
    buttons: Ext.Msg.OKCANCEL,
    scope : this,
    prompt:true
});

虽然它提示填充值,但在该字段中我想添加正则表达式。

我不想添加文本字段或使用窗口。 如果可以在提示符上添加正则表达式,请提供帮助。

2 个答案:

答案 0 :(得分:1)

我知道你说你不想使用窗口,但你可以通过一个带有表单面板的Window对象和配置了正则表达式的文本字段来实现这一点。

这样的事情:

Ext.QuickTips.init();    
var win = new Ext.Window({
        title: 'You can enter alphabets and number',
        modal: true,
        items : [{
            xtype:'form',
            itemId: 'myForm',
            autoheight:true,
            width:300,
            padding:5,
            border:false,
            unstyled:true,
            style: 'background-color:#CCD8E7;',
            items: [{
                xtype: 'textfield',
                fieldLabel: 'Your value',
                regex: new RegExp('^[a-zA-Z0-9]+$'),
                regexText: 'You must enter letters and numbers only',
                emptyText: 'Use Letters and Numbers'
            }],
            bbar: [{
                text:'Submit',
                handler: function() {
                    //Form submit here
                }
            }]

        }]
    });

    win.show();

答案 1 :(得分:0)

不幸的是Ext.Msg的提示功能不是为了做这些事情。

NumberField prompt in ExtJS中你可以找到2个可能的黑客来实现这一目标。但他们是黑客......