`
wangemperor
  • 浏览: 38489 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

extjs 表单控件后添加值

阅读更多
今天做项目,界面布局采用Extjs,说实话,Ext挺华丽的,就是使用有点麻烦,参考的书籍也比较少。做表单的时候,有好几项是必填项,一般都会在输入框后面加上 * 作为标记。但是,好像Extjs的TextField没有直接添加的组件,在此贴出一份解决方法,方便自己日后使用,代码如下:



var nameField=new Ext.form.TextField({
                   fieldLabel: 'Name',
                   allowBlank:false
               });
nameField.on('render',addRedStar);
function addRedStar(obj)
{
    var font=document.createElement("font");
    font.setAttribute("color","red");
    var redStar=document.createTextNode('*');
    font.appendChild(redStar);   
    obj.el.dom.parentNode.appendChild(font);
}

分享到:
评论

相关推荐

    extjs 常用控件的使用 table layout

    用户信息添加的表单 内有效果图 extjs 常用控件的使用 table layout 作业9

    extjs4的Ext.frorm.Panel控件属性说明和表单控件说明

    主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...

    纯web在线ExtJs表单设计器

    ExtJs表单设计器是一个纯web在线设计器。通过左边的控件树进行拖拉节点到设计区进行设计和布局。设计区是通过html进行展示,尽可能的达到所见即所得的效果。预览区是通过设计区的html进行解析拼装ext的json配置,...

    extjs4.2 日期控件 datefield 拓展加上选择时分秒功能

    在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用的选择日期时分秒的拓展控件,extjs版本是4.2,亲测能用,...

    EXTJS4自学手册

    目录: 一 Extjs 基础 EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT...EXTJS4自学手册——页面控件(表单控件)

    extjs4.2日期控件datefield拓展加上选择时分秒功能

    在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用的选择日期时分秒的拓展控件,extjs版本是4.2,亲测能用,...

    一个纯WEB在线EXTJS表单设计器

    ExtJs表单设计器是一个纯web在线设计器。通过左边的控件树进行拖拉节点到设计区进行设计和布局。设计区是通过html进行展示,尽可能的达到所见即所得的效果。预览区是通过设计区的html进行解析拼装ext的json配置,...

    Extjs4.1.1

    第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单组件ComboBox、time、date 第七讲.ExtJS面板Panel 第八讲.EXtJS布局模式-Auto布局、Fit...

    深入浅出Extjs4.1.1

    4、ExtJS最常用的表单之textfield控件4 |4 ]8 ~/ d3 Y& k# X 5、ExtJs最常用表单组件Number、CheckBox、Radio* s, r% ~+ k; y# W 6、ExtJs最常用表单组件ComboBox、time、date 7、ExtJS面板Panel t1 E( w8 g6 ?/ L' ...

    Extjs表单常见验证小结

    //提示的方式,枚举值为: qtip-当鼠标移动到控件上面时显示提示; title-在浏览器的标题显示,但是测试结果是和qtip一样的; under-在控件的底下显示错误提示; side-在控件右边显示一个错误图标,鼠标指向图标时显示...

    深入浅出ExtJS第2版

    深入浅出ExtJS第2版+源码..1 下载EXT发布包 1 1.2 如何查看EXT自带的API和示例 1 1.3 为什么有些示例必须放在服务器上 才能看到效果 2 1.4 Hello World 2 ...4.3.2 表单控件 78 4.3.3 基本输入控

    深入浅出ExtJS PDF 扫描版

    第4章 表单与输入控件 第5章 树形结构 第6章 拖放 第7章 弹出窗口 第8章 布局 第9章 工具栏和菜单 第10章 数据存储与传输 第11章 实用工具 第12章 一个完整的EXT应用 第13章 通过Ext Framework合理地应用EXT 附录A ...

    精通JS脚本之ExtJS框架.part2.rar

    7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格 8.2 表格常用功能详解 8.2.1 主要属性功能 8.2.2 自定义列宽度 8.2.3 执行按列排序 8.2.4 ...

    深入浅出ExtJS学习PDF 文档下载

    第4章 表单与输入控件 第5章 树形结构 第6章 拖放 第7章 弹出窗口 第8章 布局 第9章 工具栏和菜单 第10章 数据存储与传输 第11章 实用工具 第12章 一个完整的EXT应用 第13章 通过Ext Framework合理地应用EXT 附录A ...

    ExtJS4.1学习心得及源码

    ExtJS4.1学习心得及源码 目录 一、安装与配置 ...六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二、ExtJS与Webservice应用 十三、自定义组件 十四、地图

    精通JS脚本之ExtJS框架.part1.rar

    7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格 8.2 表格常用功能详解 8.2.1 主要属性功能 8.2.2 自定义列宽度 8.2.3 执行按列排序 8.2.4 ...

    ExtJS的使用方法汇总--doc文档

    配置和表格控件使用 表单与输入控件 树形结构 拖放以及弹出窗口

    ExtJS 3.3.1正式版下载

    无论是界面之美,还是功能之强,ext的表格控件都高居榜首。 此地址可下载ExtJS3.2中文说明 http://download.csdn.net/source/2993411 ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要...

    基于Extjs的开源控件库ExtAspNet英文版 v3.1.9

    -修正按钮的Type设为Reset无效的问题,注意重置的其实是页面上所有的表单控件(e先生)。 -修正英文下确认对话框标题依然默认中文的问题。 -修正后台对可为空的int,short,double属性赋值时出现的异常(石头鱼)。 +...

    基于Extjs的开源控件库ExtAspNet中文版 v3.1.9

    -修正按钮的Type设为Reset无效的问题,注意重置的其实是页面上所有的表单控件(e先生)。 -修正英文下确认对话框标题依然默认中文的问题。 -修正后台对可为空的int,short,double属性赋值时出现的异常(石头鱼)。 +...

Global site tag (gtag.js) - Google Analytics