`

EXTJS设置emptyText的问题

阅读更多

遇到问题如下:

设置emptyText后,使用

form.getForm().submit({
url : '/myAction.do?method=save',
})

就会把emptyText内容提交到后台

 

方法如下:

3.0一下版本的Ext设置方式:

在有效性检验时需要对表单元素的提交的数据和该表单元素的emptyText比较,如果相同,说明用户没有输入任何文本;如果不同并且非空,说明是用户填写的内容。

var thisForm = updateEnForm.getForm();
if (thisForm.isValid()) {
	var submitValues =  thisForm.getValues();  
    //  修正emptyText造成的提示语句当做value值传递到后台  
    //  如果是emptyText就改为''  
    for (var param in submitValues) {  
        if (thisForm.findField(param).emptyText == submitValues[param]) {  
            submitValues[param] = '';  
        }  
    }
    updateEnForm.getForm().doAction('submit', {
        url : 'doEnterprise.base?doType=updateEn',
        method : 'POST',
        params:submitValues,
        waitMsg:"保存中,请稍后...",
        success : function(form,action){
    		Ext.Msg.alert('成功', "修改单位信息成功!");
    		win_updateEn.hide();
    		enStore.load({params:{start:0, limit:<%=Configuration.getConfig().getString("pageSize","40")%>}});
    	},
        failure : function(form,action) {
            Ext.Msg.alert('失败', "保存节点信息失败!");
        }
    });			                         
}

 

 

3.0以上版本的Extjs:只需在submit时加入一句话即可:submitEmptyText:false

var thisForm = updateEnForm.getForm();
if (thisForm.isValid()) {
    updateEnForm.getForm().doAction('submit', {
        url : 'doEnterprise.base?doType=updateEn',
        method : 'POST',
        submitEmptyText:false,
        waitMsg:"保存中,请稍后...",
        success : function(form,action){
    		Ext.Msg.alert('成功', "修改单位信息成功!");
    		win_updateEn.hide();
    		enStore.load({params:{start:0, limit:<%=Configuration.getConfig().getString("pageSize","40")%>}});
    	},
        failure : function(form,action) {
            Ext.Msg.alert('失败', "保存节点信息失败!");
        }
    });			                         
}

 

 

 

 

 

分享到:
评论

相关推荐

    Extjs学习—总结的extjs的一些常用小知识点

    ### Extjs 学习——总结的一些常用知识点 #### 一、概述 Extjs 是一个用于构建 Web 应用程序的强大框架,它提供了大量的 UI 组件和功能,可以帮助开发者快速搭建出高质量的应用界面。本文将根据一个月的学习经验,...

    extjs属性方法大全

    - `emptyText`: 占位符文本。 - `grow`: 是否自动伸展,默认为 `false`。 - `growMin`: 最小宽度。 - `growMax`: 最大宽度。 - `inputType`: 输入类型,默认为 `text`。 - `maskRe`: 输入掩码。 - `maxLength...

    extjs2.0 下拉列

    通过阅读和实践这个项目,你可以了解如何设置数据存储、创建下拉列表组件以及如何将它们整合到实际应用中。同时,也可以探索如何结合 MyEclipse 进行开发,并与 MySQL 数据库进行交互。如果有任何疑问或发现不足之处...

    Extjs 常用属性

    `emptyText`属性通常用于设置文本框或列表控件在没有数据时显示的文本。例如,`emptyText:'ѡϲɫ'`表示当控件为空时,将显示“ѡϲɫ”作为提示信息。 #### `Ext.Element` `Ext.Element`是Extjs中用于操作DOM元素...

    ExtJS 3.1 下拉框 与aps.net绑定使用

    对于远程查询,只需将`queryMode`设置为`remote`,并在Web服务端实现根据关键字返回匹配结果的逻辑。 总结来说,ExtJS 3.1的下拉框结合ASP.NET可以实现灵活的数据绑定和交互,为Web应用程序提供动态、丰富的用户...

    extJs4 toolbar工具条

    - 文本框可以设置 `id` 和 `name` 以便后续引用,还可以预设默认值。 3. **组合框 (`combobox`)**:虽然该示例中未完全展示组合框的使用,但通常组合框用于提供下拉选择列表。组合框的基本配置如下: ```...

    Extjs属性大全

    以上属性和方法只是Extjs中的一部分,通过这些设置,开发人员可以根据实际需求定制自己的用户界面,并实现各种复杂的功能。Extjs的强大之处在于它提供了丰富的组件库以及灵活的配置选项,使得开发者能够轻松应对各种...

    Extjs中常用表单介绍与应用

    ExtJS是一个用于构建Web应用的强大JavaScript框架,它提供了丰富的用户界面组件和数据处理能力。其中,表单组件在Web应用中扮演着重要的角色,是收集用户输入数据的主要途径。本文将详细介绍ExtJS中常用表单组件的...

    EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf

    为了提供良好的用户体验,ComboBox还提供了emptyText属性,用于设置用户未选择任何选项时显示的提示文本。另外,editable配置可以决定用户是否可以直接在输入框内输入文字,forceSelection和allowBlank则控制了用户...

    extjs中验证实例

    //width:250, //设置了anchor后无效 allowBlank:false, blankText:"姓名不能为空", anchor:"50%" }, { fieldLabel:"密码", name:"pass", inputType:"password", anchor:"50%" }, { fieldLabel:"家庭...

    Extjs自动填充

    emptyText : '--请填写--', selectOnFocus : true, id : 'autos', name : 'autos', valueField : 'name', displayField : 'value', anchor : '95%', hideTrigger : true, //隐藏下拉箭头 typeAhead : ...

    Extjs4.1样式调整.pdf

    8. **emptyCls**: 当字段为空时,此CSS类会被应用到字段元素,以对`emptyText`进行样式处理。默认值为"x-form-empty-field",用于在没有输入时显示不同的样式。 9. **errorMsgCls**: 这个CSS类被应用到错误消息元素...

    Extjs教程_第四章_按钮、菜单和工具栏(2)

    {xtype: 'textfield', name: 'search', emptyText: 'Search...'} ``` 表单字段可以与其他工具栏元素结合,提供完整的用户输入和交互体验。 总结,EXTJS的按钮、菜单和工具栏提供了丰富的功能,包括快捷方式、图标...

    extJs 下拉框联动实现代码

    ExtJs 下拉框联动实现代码详解 ExtJs 是一个功能强大且灵活的 JavaScript 框架,广泛应用于 Web 应用程序开发。今天,我们将介绍如何使用 ExtJs 实现下拉框联动的功能。 ExtJs 中的下拉框控件是 Combo,它提供了...

    ext-3-TextField-sample.rar_ext_ext TextField_ext textfield inp

    - `emptyText`: 输入框默认显示的提示文本,当输入框为空时显示。 3. **事件处理**: TextField支持多种事件,如`focus`, `blur`, `change`, `specialkey`等。例如,监听`change`事件可以在用户输入发生变化时...

    EXTEXTEXTEXTEXTEXTEXT

    在 ExtJS 中,初始化 ComboBox 时,可以通过配置项 `value` 来设置默认值。然而,如果你希望在组件渲染前设置默认值,可以监听 `beforerender` 事件并在事件处理函数中设定。例如: ```javascript var combobox = ...

    UniGui开发资料集合.rar

    4. "UniGui中设置uniEdit控件的fieldLabel ,emptyText等Extjs属性 - 记性不好,笔记而已 - 博客频道 - CSDN_NET.htm":此文件介绍了如何设置UniEdit控件的特定属性,如fieldLabel和emptyText,这些属性来源于ExtJs库...

    Ext JS 实现建议词模糊动态搜索功能

    emptyText: '快速检索', hiddenName: 'VehicleNo', displayField: 'VehicleNo', valueField: 'VehicleNo', queryParam: 'VehicleNo', forceSelection: true, hideTrigger: true, queryDelay: 500, width: ...

    UniGUI集合说明

    在UniGUI中使用含有中文汉字的Cookies,需要注意编码问题,确保在设置和读取Cookies时正确处理字符编码。 #### 37. UniGUI如何实现压缩传输数据? 实现数据压缩传输的方法通常包括: - **启用压缩**:在服务器端...

Global site tag (gtag.js) - Google Analytics