`
wangemperor
  • 浏览: 39900 次
  • 性别: 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时间控件年月日时分秒

    在EXTJS中,可以通过配置项来定制控件的行为,例如改变时间间隔、设定默认值、添加格式化规则等。 创建一个年月日时分秒的时间控件,我们需要设置以下关键配置项: 1. `format`: 这个配置项用于指定时间的显示格式...

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

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

    extjs 时间控件

    在ExtJS中,时间控件是一种用户界面元素,允许用户选择或输入特定的时间值。它提供了丰富的交互性和自定义选项,使得时间选择过程更加直观和高效。在本篇文章中,我们将深入探讨ExtJS时间控件的使用、功能和配置。 ...

    Extjs UI控件 for Asp.net3.5

    ExtJS提供了多种可复用的组件,如表格、面板、菜单、窗口、表单等,这些组件都具有丰富的样式和高度定制性。而ASP.NET 3.5则是一个成熟的服务器端开发框架,它提供了丰富的控件和功能,便于开发人员快速构建Web应用...

    extjs 多文件上传控件

    ExtJS 是一个强大的...综上所述,实现ExtJS多文件上传控件涉及到前端的文件选择、表单提交、进度显示,以及后端的文件接收和处理等多个环节。通过熟练掌握这些知识点,你可以创建出高效且用户友好的文件上传功能。

    extjs 常用控件的使用 table layout

    在EXTJS中,控件(Components)是构建用户界面的基本单元,它们可以是按钮、表格、表单、面板等。"常用控件的使用"涵盖了EXTJS中的一些核心组件,如: 1. **TextField**:用于输入文本的基本字段,支持多种验证和...

    extjs日期+时间控件

    解决此类问题通常需要检查控件的配置项,如`format`属性(用于指定日期和时间的显示格式)、`value`属性(当前选定的日期时间值)以及任何可能影响显示的CSS样式。 4. **日期时间格式化**:在ExtJS中,日期和时间的...

    extjs C#控件全示例

    【标题】"extjs C#控件全示例"是一个基于C#开发的项目,它集成了流行的JavaScript库ExtJS的2.0版本。这个示例集合为开发者提供了丰富的控件使用方法,展示了如何在C#环境中有效地利用ExtJS进行前端界面的构建。 ...

    extjs3.2、3.3 时间控件 日期控件扩展

    在3.2和3.3版本中,ExtJS的时间控件(DateTimeField)和日期控件(DateField)是开发者常用的功能组件,用于处理用户输入的日期和时间数据。这些控件具有高度可定制性,可以满足各种界面和功能需求。 1. **时间控件...

    初试extJs,控件

    例如,如果需要改变某个按钮的状态或获取表单的输入值,可以使用这个方法。 标签`extJs`表明这个话题是关于ExtJs框架的,而提供的代码片段展示了如何在ExtJs中创建和使用表单,进行数据输入和验证,以及如何组织...

    extjs 5 combogrid控件

    ExtJS 5 Combogrid 控件是Sencha公司开发的ExtJS框架中的一款高级组件,主要用于在表单中实现下拉列表与表格的结合,提供更丰富的数据展示和选择功能。Combogrid控件结合了combobox(下拉框)和grid(数据网格)的...

    extjs4.2 datetime控件

    在实际开发中,你可能需要将DateTime控件与其他ExtJS组件(如表格、表单)结合使用,以创建复杂的用户界面。例如,在一个日程管理应用中,DateTime控件可以用于添加或编辑事件的时间。通过阅读和理解DateTime控件的...

    extjs3.0 日期时间控件

    这个控件通常用于表单中,提供了一种直观且用户友好的方式来输入或选择日期和时间。 描述中的"适用于ext3.0,打开index.html即可见效果"表明提供的压缩包包含了一个基于ExtJS 3.0的示例应用,其中`index.html`文件...

    ExtJs4.2.1年月日时分秒、时分秒控件

    在标题提到的"年月日时分秒、时分秒控件",我们可以理解为这是ExtJS中的日期选择器和时间选择器组件,用于用户友好的日期和时间输入。 1. **日期选择器(Date Field)**:ExtJS的`Ext.form.field.Date`类提供了一个...

    ExtJs日期时间选择控件

    上述代码示例中,我们添加了一个`select`事件监听器,当用户选择新的日期时间后,会在控制台打印出所选值。 4. **优化后的时间选择控件精确到秒** 原始的ExtJs日期时间选择控件可能只精确到分钟,但通过配置`step`...

    extjs时间控件

    ExtJS时间控件是Sencha ExtJS框架中的一个组件,用于在Web应用中提供用户友好的时间选择功能。它允许用户以小时、分钟和秒为单位精确选择时间,极大地增强了用户体验,尤其适用于需要用户输入时间信息的场景。在...

    纯web在线ExtJs表单设计器

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

    ExtJS日期时间控件

    这可能涉及到对原有控件的继承,添加新的方法、属性和样式,以实现特定的功能,比如增强的键盘导航、日期时间范围选择等。 5. **日期时间格式化**: 在处理日期时间控件时,理解JavaScript的日期时间格式化(例如...

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...

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

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

Global site tag (gtag.js) - Google Analytics