Extjs中TextField的自动缩放和字数限制示例

Extjs中TextField的自动缩放和字数限制示例

标签： extjsfunctionlayout工作

2010-03-03 22:29  5430人阅读  评论(3)  收藏  举报

  分类：

每日工作总结（10） 

版权声明：本文为博主原创文章，未经博主允许不得转载。

今天工作中用的Textfield的grow属性（主要是实现文本框可变大变小）和字符限制属性（主要控制文本框输入字符的多少）很简单，但不用心记的话，也会很快就会忘记的哦。

示例：Ext.onReady(function(){

    var form=new Ext.form.FormPanel({

        width:500,

        height:500,

        frame:true,

        layout:'form',

        items:[{

             xtype:'textfield',

             name:'exampleText',

             width:80,

             grow:true,//大小是否可变

             growMin:50,//在大小可变的情况下设置最小宽度

             growMax:100,//在大小可变的情况下设置最大宽度

             minLength:10,//最少字符数设置

             minLenghtText:'最少请输入10个字符',//当输入少于设置时，提示信息

             maxLength:50,//最多字符设置

             maxLengthText:'最多可输入50个字符'      //当输入大于最多字符设置时，提示信息

        }]

    });

 

});

 很简单的示例，我从基础学起，希望大家鼓励下...

顶

0

踩

0

 

 

• 上一篇Greetings—问候语
• 下一篇Introductions—介绍

我的同类文章

每日工作总结（10）

• •js控制网页窗口一打开就自动全屏2011-03-10阅读8214
• •无缝滚动层2010-11-29阅读372
• •ext portal 简单示例2010-11-17阅读3199
• •substring的使用2010-09-26阅读171
• •C#中将日期格式设置为yyyy/MM/dd2010-08-11阅读3613

• •网页链接，打开收藏夹2010-12-31阅读298
• •firfox2010-11-17阅读226
• •系统当前时间2010-10-10阅读243
• •IE6下显示透明的PNG图片2010-09-26阅读247
• •Ext中输入控件的错误提示设置2010-03-02阅读443

猜你在找

Extjs在Asp.Net中的应用开发

Linux操作系统入门培训_Linux/Unix基础培训教程视频课程

Gulp 前端自动化之二：Gulp常用插件介绍- 自动检查、压缩合并、构建刷新

2016高薪Linux培训教程-Linux用户和组、权限、Bash基础

PHP面向对象设计模式

css图片按比例自动缩放

WPF控件内容自动缩放及放大镜

小技巧css3 scale 或者zoom实现文本根据容器自动缩放

cocos2d-x 311 学习笔记［5］ControlButton 会自动缩放的按钮

Flash 大图片按比例自动缩放

查看评论

3楼  李凯鹏 2013-05-31 11:30发表 [回复]

才女

2楼  jomoonrain2 2012-02-14 11:09发表 [回复]

镁铝

1楼  kingofkings13 2010-07-28 08:40发表 [回复]

[e01]