`
literary_fly
  • 浏览: 92318 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

EXTJS FORM textField emptyText 空值提交的解决办法

阅读更多
Ext的textField有一个emptyText属性用起来很爽,但是当textField没有被输入值就提交的时候,其emptyText的属性值会被提交。下面提供避免empty提交的办法:

1、在Form中的textField
var submitValues = form.getForm().getValues();
for (var param in submitValues) {
if (form.form.findField(param)
&& form.form.findField(param).emptyText == submitValues[param]) {
form.form.findField(param).setValue(' ');
}
}

2、独立的textField
var accountUsername = Ext.get('accountUsername').getValue();
if(Ext.getCmp('accountUsername').emptyText == accountUsername){
Ext.getCmp('accountUsername').setValue('');
}

使用Ext.getCmp('jsrq').getValue()取值不使用Ext.get('jsrq').getValue()也可避免提交emptyText
分享到:
评论

相关推荐

    ExtJs5 去掉textfield边框

    在ExtJs5中,开发人员有时需要自定义UI以满足特定的设计需求,比如去掉`textfield`组件的边框。在给定的描述中,我们看到开发者遇到了一个问题:默认情况下,ExtJs5的`textfield`组件有明显的边框,但通过添加特定的...

    extjs form textfield的隐藏方法

    Form组件是ExtJS中用于构建数据输入界面的重要组成部分,而ExtJS的Form组件中的textfield是一个常用的表单项,用于收集用户的文本输入。在开发过程中,有时我们需要隐藏某些表单项,以实现特定的界面布局或功能需求...

    extjs 5 textfield 金额控件扩展

    EXTJS 5 Textfield 金额控件扩展就是为了满足这一需求而设计的。这个扩展提供了一个专门的组件,它增强了标准的Textfield,增加了对货币格式化和验证的支持。 EXTJS是一个强大的JavaScript库,主要用于构建富客户端...

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

    在EXTJS中,Form Panel是用于创建用户交互界面的核心组件,常常用来收集和提交数据。在某些场景下,我们可能需要在表单中添加隐藏字段(Hidden Textfield),以存储那些用户不可见但对系统至关重要的信息,如操作员...

    学习ExtJS TextField常用方法

    ExtJS TextField 常用方法详解 ExtJS 是一个基于 JavaScript 的富互联网应用程序框架,提供了许多实用的控件和方法来帮助开发者快速构建高质量的 Web 应用程序之一就是 TextField,在本文中,我们将详细介绍 ExtJS ...

    extjs-form组件配置参数详解

    `Ext.form.Action`是ExtJS中的一个类,用于处理表单提交和加载数据的动作。它提供了多种配置选项和属性来控制表单操作的过程。 **配置项** - **success**: 执行成功后的回调函数,该函数接收两个参数:`form`(当前...

    ExtJs4.0 表单提交Demo

    在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...

    Extjs4的FormPanel从后台load json数据的要点

    `Ext.form.Panel`是Extjs4提供的一个用于创建复杂表单的组件。它允许开发者构建包含多个输入字段、按钮以及其他交互元素的表单,并且提供了大量的功能来帮助处理表单数据,如验证、提交以及数据绑定等。 ### 二、...

    解决Extjs4中form表单提交后无法进入success函数问题

    在开发使用Extjs4框架的应用程序时,可能会遇到form表单提交后,无法正确进入success回调函数的问题。针对这个问题,首先需要进行两个方面的检查和确认,以确保form提交操作能够顺利进入success回调函数。 首先,...

    ExtJs实现数据加载和提交经典代码

    根据提供的文件信息,我们可以深入探讨如何在ExtJS中利用FormPanel进行数据加载和提交的核心概念与实践技巧。 ### FormPanel的Form对象 在ExtJS框架中,`FormPanel`是处理表单数据的一个核心组件。当我们在使用`...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    ExtJs 动态添加表单

    首先,我们要理解表单(Form)在ExtJS中的基本概念。表单是数据输入和验证的核心组件,可以包含各种字段类型,如文本框、下拉菜单、复选框等。这些字段可以通过`Ext.form.field.Field`基类进行扩展,每个字段都有其...

    Extjs优化(二)Form表单提交通用实现

    在本文中,我们将深入探讨如何优化EXTJS中的Form表单提交过程,特别是在EXTJS应用程序中。EXTJS是一个强大的JavaScript框架,用于构建富客户端Web应用程序,而表单提交是任何应用程序中不可或缺的部分。优化这一过程...

    extjs4 入门基础,form、grid、tree

    ExtJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。它提供了一整套组件化的用户界面元素,包括表单(Form)、网格(Grid)、树形视图(Tree)等,使得开发者能够创建出功能丰富且交互性强的前端...

    extjs_php向后台提交json_post的接收方法实例

    首先,了解ExtJS中的数据提交方式。在ExtJS中,我们可以使用`Ext.Ajax.request`或FormPanel的`submit`方法来发送POST请求。例如: ```javascript Ext.Ajax.request({ url: 'post.php', method: 'POST', params: ...

    Extjs4添加tooltip

    Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...

    extjs四种异步提交

    在EXTJS中,异步提交数据是常见的操作,主要用于与服务器进行无刷新的数据交互。这里提到了EXTJS的四种异步提交方式,分别是基于EXT JS的Ajax方法、指定HTML表单的Ajax提交、EXT JS自定义表单的提交以及使用Action...

    learning extjs 中文版 表单提交

    在EXTJS这个强大的JavaScript框架中,表单提交是应用程序中不可或缺的一部分,特别是在处理用户输入数据和与服务器进行数据交换时。EXTJS提供了丰富的组件和功能,使得构建动态、交互式的Web应用变得更加简单。本篇...

Global site tag (gtag.js) - Google Analytics