Extjs 下拉框监听例子

最新推荐文章于 2023-06-17 22:16:18 发布

原创最新推荐文章于 2023-06-17 22:16:18 发布 · 4.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #border #layout

java web前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个短信内容输入框的设计实现，该输入框能够限制用户输入的短信内容长度不超过70个字符，并实时显示已输入的字符数量。当用户尝试输入超过限制的字符时，系统会自动截断文本并给出提示。

{
                                columnWidth : .92,
                                layout : 'form',
                                labelWidth : 60, // 标签宽度
                                defaultType : 'textfield',
                                border : false,
                                items : [{
                                            fieldLabel : '短信内容',
                                            id : 'content',
                                            name : 'content',
                                            xtype : 'textarea',
                                            allowBlank : false,
                                            enableKeyEvents: true,
                                            height:80,
                                            emptyText : '每条短信字数与所选通道有关，一次输入累计不能超过1条。',
                                            listeners:{ keyup: function(src, evt){
                                                            changeValue1();
                                                        }    
                                                    },
                                            anchor : '99%'
                                        }]
                            }

function changeValue1() {
                var a = Ext.getCmp('content').getValue().length;
                if(a>70){
                    var value = Ext.getCmp('content').getValue();
                    Ext.getCmp('content').setValue(value.substring(0,70));
                    Ext.getCmp('smsNum').setValue(70);
                    Ext.MessageBox.alert('提示', '您最多可以同时发送一条短信(70个字符)');
                }else{
                    Ext.getCmp('smsNum').setValue(a);
                }
        }