Extjs控制文本输入字数,超出设定输入字数后d框提示用户,怎么做???

Extjs控制文本输入字数,超出设定输入字数后d框提示用户,怎么做???,第1张

如果是textfield设置maxlength,校验如果超出长度会提示信息;

Ext.create('Ext.form.Panel', {

    title: 'Contact Info',

    width: 300,

    bodyPadding: 10,

    renderTo: Ext.getBody(),

    items: [{

        xtype: 'textfield',

        name: 'name',

        fieldLabel: 'Name',

        maxLength:5,

        allowBlank: false  // requires a non-empty value

    }, {

        xtype: 'textfield',

        name: 'email',

        fieldLabel: 'Email Address',

        vtype: 'email'  // requires value to be a valid email address format

    }]

})

添加事件

xtype: 'textfield',

        name: 'name',

        enableKeyEvents:true,

        fieldLabel: 'Name',

        allowBlank: false,  // requires a non-empty value

        listeners: {

            keypress: function(o,e){

                //TO-DO   o.value.length...

            }

        }

如何是使用了ajax的话,最好把它设置成 同步执行,而非异步

还有就是 你看一下你的d出层的代码是否有问题,你可以,把d出层的代码一行一行注释,看是否会出现这问题呢,按照这样的方式调试下午,肯定能解决的问题

给你个例子

//给grid添加双击事件

gridpanel.addListener('itemdblclick', click, this)

//创建WINDOW对象

var win

function click() { //双击GRID的方法

// var Model = gridpanel.getSelectionModel()

// var sels = Model.getSelection()

// if (typeof (sels) != 'undefined') {

// var len = sels.length

// for ( var i = 0i <leni++) {

// var date = sels[i].data.DDATE

// }

// }

if (!win) {

win = Ext.create('widget.window', {

title : '计划单元',

closable : true,

closeAction : 'hide',

width : 800,

height : 500,

layout : 'border',

bodyStyle : 'padding: 5px',

items : [ morefp, cenPanel, souPanel ] //ITEMS里面是d出窗体所包含的PANEL

})

}

win.setVisible(true)//设置可见

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11579251.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存