学习ExtJS TextField常用方法

一、属性
fieldLabel：标签名称。
labelWidth：标签宽度。
ID：文件框ID。

二、构造参数
listeners：在对象初始化之前，将一系列事件进行绑定。

三、函数
getCmp(string _id)：得到id为_id的组件对象。
getValue()：得到文件框值。

四、其它
layout：只在在此布局下才能正确显示文件框的标签名，布局的宿主对象必面
是Ext.Container或者Ext.Container的子类。
在应用FormLayout布局时只要在宿主对象的构造参数中指定layout:"form"即可。
五、应用举例


代码如下:

Ext.onReady(function(){
var _panel = new Ext.Panel({
renderTo:Ext.getBody(),
layout:"form",
labelWidth:30,
listeners:{
"render":function(_panel){
_panel.add(new Ext.form.TextField({
id:"txt_name",
fieldLabel:"姓名"
})) ;
}
}}) ;
new Ext.Button({
text:"确 定",
renderTo:Ext.getBody(),
handler:function(){
alert(Ext.getCmp("txt_name").getValue()) ;
}
}) ;
}) ;

赞 (0)

相关推荐

  • Java Swing中的文本框(JTextField)与文本区(JTextArea)使用实例

    Java Swing中的文本框(JTextField)与文本区(JTextArea)使用实例

    一:JTextField的(文本框)使用: JTextField 是一个轻量级组件,它允许编辑单行文本. 1.JTextField的常用构造方法: JTextField() 构造一个新的 TextField. JTextField(int columns) 构造一个具有指定列数的新的空 TextField. JTextField(String text) 构造一个用指定文本初始化的新TextField. JTextField(String text, int columns) 构造一个用指定文本

  • extjs form textfield的隐藏方法

    this.formpanel = new Ext.FormPanel({ items: [{ fieldLabel: '代码', name: 'FCode', anchor:'100%', id: 'fid' },{ fieldLabel: '名称', name: 'FName', anchor:'100%' // anchor width by percentage },{ xtype: 'textfield', name: 'FID', id: 'FID', hidden: true, hi

  • EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题

    遇到一个很奇怪的问题,ExtJs里的form提交创建的时候从session里取了个操作员的ID,然后在form里添加了一个xtype为hidden的组件,给它写了个value,奇怪的就出现了,在其中的一条机器上做是没有问题,换了一个机器,说什么就是不能赋值上去,搞的我老郁闷了.用了一个方法解决了此问题,但是老是感觉这样解决了很不爽,各位有没有遇到过这种问题,请指点一下. 先说说我的解决方法 给hidden组件加个ID 然后在form提交的时候 触发个方法使Ext.getCmp('ID').set

  • IOS textField限制字节长度

    OC语言中,NSString类型的字符串,视英文字母和汉字都为一个长度(string.length把一个汉字也当做一个长度),而实际上,一个英文字母只占用1个字节,一个汉字占用2个字节. 有时又有需求,需要限定字节数目,而不是内容个数,就需要通过一些方法获取到字符串的字节数.比如,限定10个字节,则最多可以输入10个英文字母,或者5个汉字. 监听textField的长度变化,就需要设置textField的代理. 但是有个bug,监听内容变化的代理方法 - (BOOL)textField:(UIT

  • 关于Ext中form移除textfield方法:hide(),setVisible(false)，remove()

    问题:当使用hide()方法和setvisible(false)方法去除items的中间(见过很多例子移除的都是尾部表单)表单后,原form验证无效 解决办法:使用remove(id)方法移除表单,可得到有效的form 原因:未知,希望大家补充 补充:下面是一个我遇到问题代码的简化版本,没有经过测试,大概意思是要是在form里想控制不显示表单,用remove()方法有效 复制代码 代码如下: new Ext.form.FormPanel({ id : 'ReportForm',items : [

  • 学习ExtJS TextField常用方法

    学习ExtJS TextField常用方法

    一.属性 fieldLabel:标签名称. labelWidth:标签宽度. ID:文件框ID. 二.构造参数 listeners:在对象初始化之前,将一系列事件进行绑定. 三.函数 getCmp(string _id):得到id为_id的组件对象. getValue():得到文件框值. 四.其它 layout:只在在此布局下才能正确显示文件框的标签名,布局的宿主对象必面 是Ext.Container或者Ext.Container的子类. 在应用FormLayout布局时只要在宿主对象的构造参数

  • 学习ExtJS Panel常用方法

    一.属性 frame:布尔类型true 或 false ,为true时表示边框为圆角且具有背景色,取false则反之. xtype:在EXTJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容量如何初始化所包含的级件,如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件. xtype Class ------------- ------------------ box Ext.BoxComponent button Ext

  • 学习ExtJS Window常用方法

    一.属性 plain:布尔类型,true表示强制与背景色保持协调,默认值为false. resizable:布尔类型,用户是否可以调整窗体大小,默认值为true表示可以调整大小. maxinizable:布尔类型,true表示显示最大化按钮,默认值为false. maximized:布尔类型,true表示显示窗体时将窗体最大化,默认值为false. closable:布尔类型,true表示显示关闭按钮,默认值为true. bodyStyle:与边框的间距,如:bodyStyle:"padding

  • 学习ExtJS（一） 之基础前提

    一.学习ExtJS前提 1.Javascript 2.JSON(减肥的XML) 3.Java(C#) 4.Web Services 5.HTML DOM 6.AJAX 二.配置ExtJS运行环境 1.CSS文件:resources\css\ext-all.css 2.底层支持文件:adapter\ext\ext-base.js 3.环境文件:ext-all.js 官方网站地址 http://www.extjs.com

  • Python学习之字符串常用方法总结

    Python学习之字符串常用方法总结

    目录 什么是对象 Python万物皆是对象 字符串的索引 索引[] 索引[:] 字符串的常用方法 find()函数与index()函数 startswith()函数与endswith()函数 capitalize()函数 casefold()函数与lower()函数 upper()函数 swapcase()函数 zfill()函数 count()函数 strip()函数 replace()函数 join()函数 split()函数 字符串中返回bool类型的函数集合 isspace()函数 is

  • Python学习之列表常用方法总结

    目录 列表(元组)基本操作符回顾 len()函数在列表与元组上的使用 列表(元组)之间的累加与乘法 in和notin在列表(元组)中的用法 列表常用方法 append()函数 insert()函数 count()函数 remove()函数 Python内置函数del reverse()函数 sort()函数 clear()函数 copy()函数 extend()函数 小练习:完成列表合并功能 列表(元组)基本操作符回顾 len()函数在列表与元组上的使用 示例如下: names = ['Neo'

  • 学习ExtJS（二） Button常用方法

    一.属性 renderTo:将当前对象所生成的HTML对象存放在指定的对象中 text:得到按钮名称 minWidth:按钮最小宽度 hidden:按钮的隐藏或显示(true or false) 二.构造参数 handler:指定一个函数句柄,在默认事件触发时调用,此时在默认事件为click listeners:在对象初始化之前,将一系列事件进行绑定. 三.函数 getBogy():对到Body对象 onReady():当页面加载完成时执行本函数 getText():得到按钮名称 setText

  • 入门基础学习 ExtJS笔记（一）

    入门基础学习 ExtJS笔记（一）

    大致看了几天的书籍 查阅了API.头脑里也记不下多少,学习还是动手比较好.就试着开始写写: 首先:开始搭个 界面框架. 第一步当然是引用ExtJs的相关文件: <link rel="Stylesheet" href="resources/css/ext-all.css" /> <script type="text/javascript" src="ext-base.js"></script>

  • 学习ExtJS 访问容器对象

    一.属性 ownerCt:得到当前对象所在的容器. items:集合列表 二.应用举例 复制代码 代码如下: Ext.onReady(function(){ var _window = new Ext.Window({ title:"测试窗体", layout:"form", width:300, plain:true, items:{ id:"name", xtype:"textfield", fieldLabel:&quo

  • 学习ExtJS form布局

    一. Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用. hideLabels:tru表示隐藏标签,默认为false. labelAlign:标签队齐方式left.right.center,默认为left. 复制代码 代码如下: Ext.onReady(function(){ var _panel = new Ext.Panel({ title:"人员信息", r

随机推荐