首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用formBind的Extjs : true,不禁用提交按钮

是指在ExtJS中,通过设置formBind属性为true,可以实现在表单中输入数据时,只有当表单中的所有字段都通过验证时,提交按钮才可用,否则提交按钮将被禁用。

具体来说,formBind是Ext.form.Panel组件中的一个配置项,用于控制表单的提交按钮是否可用。当设置formBind为true时,表单中的所有字段都必须通过验证,才能使提交按钮可用;当设置为false时,不论字段是否通过验证,提交按钮都可用。

使用formBind的好处是可以在用户输入数据时,实时验证表单字段的合法性,并根据验证结果来控制提交按钮的可用性,提高用户体验和数据的准确性。

应用场景:

  • 表单提交:在需要用户输入数据并提交的场景中,通过设置formBind为true,可以确保用户输入的数据符合要求后才能提交表单。
  • 数据校验:通过设置formBind为true,可以实时校验表单字段的合法性,及时发现并提示用户输入错误的地方。
  • 提交按钮控制:通过设置formBind为true,可以根据表单字段的验证状态来控制提交按钮的可用性,避免用户误操作或提交无效数据。

推荐的腾讯云相关产品:

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

ExtJs二(实现登录)

如果想要在脚本中使用ExtJS提示信息,可将书附带资源包中Ext.js文件复制到ExtJS目录中,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件中,就会生成以下代码:  //...一般登录窗口都包含用户名、密码和验证码3个文本输入框,还包含有显示验证码图片、登录和重置按钮。因而需要用到ExtJS控件包括表单面板、图片、工具栏、按钮和文本字段。...登录按钮预设为禁用formBind配置作用是只有在表单内输入符合要求时才能使用按钮,这个设计在Ext JS4也是新加入,很方便,不再需要自己去写代码实现这个了。...其实不调用isValid也行,因为登录按钮只要在isValid为true时才能用。...登录失败(failure配置项),只写了一个空函数目的是因为表单提交返回数据格式是一样,处理方式也一样,因而可使用同一个函数进行处理,但是还没写到,因而先保留一个空函数。

1.9K20

ExtJs二(实现登录)

如果想要在脚本中使用ExtJS提示信息,可将书附带资源包中Ext.js文件复制到ExtJS目录中,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件中,就会生成以下代码:  //...一般登录窗口都包含用户名、密码和验证码3个文本输入框,还包含有显示验证码图片、登录和重置按钮。因而需要用到ExtJS控件包括表单面板、图片、工具栏、按钮和文本字段。...登录按钮预设为禁用formBind配置作用是只有在表单内输入符合要求时才能使用按钮,这个设计在Ext JS4也是新加入,很方便,不再需要自己去写代码实现这个了。...其实不调用isValid也行,因为登录按钮只要在isValid为true时才能用。...登录失败(failure配置项),只写了一个空函数目的是因为表单提交返回数据格式是一样,处理方式也一样,因而可使用同一个函数进行处理,但是还没写到,因而先保留一个空函数。

2.1K10
  • 动态加载 ExtJS 类库

    动态加载 ExtJS 类库 ExtJS 是一个非常优秀 JS 框架, 由于 ExtJS 自身非常庞大, 用于开发测试 ext-all-debug.js 文件达到了 3.24M , 如果是再加载带注释...配置 Ext.Loader 启用动态加载 ExtJS动态加载是由 Ext.Loader 来完成, 默认启用动态加载, 所以接下来需要做事配置 Ext.Loader 启用动态加载, 在上面模板...script type="text/javascript"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true...: App : '.' , 再添加一个测试按钮, 以及测试按钮点击处理函数, 如所示: Create Window...结论 从上面的测试可以看出, 动态加载 ExtJS 是可以, 但是文件有点儿多, 仅仅创建一个简单窗口就需要加载 100 多个文件, 所以最终建议是将所需要 ExtJS 组件单独编译成一个文件或者直接使用

    2.2K20

    初识Ext.NET

    以前从没想过会用到ExtJS,总是对它有着一种反感:认为脚本资源大,执行脚本多,性能差等等。最近因为一个项目使用到了,就用上了。...所以我就在这个样式基础上给它添加上我自己样式。不过这个函数要放到Ext.onReady里面执行。 2)FieldSet等容器控件触发验证(除了FormPanel)。...于是自己测试,发现在JS中使用‘.getForm().getValues(true)’也没法获取到CheckboxGroup和RadioGroup选择值...不过值得注意是,在给ExtJS表单控件赋值时,不要使用属性(text、value)赋值,这样只会将值写入到html控件里面,而ExtJS提交数据时不会提交,而应该采用其setValue方法。...这招固然能解决问题,但是我心里总是觉得有原因,可是没时间耗着。好在随着测试,终于找出了问题所在。即FormPanel控件推荐使用Content元素布局,如果使用Items布局就不存在该问题了。

    1.6K60

    EXT基础

    •build :压缩后ext全部源码(里面分类存放)。 •docs : API帮助文档。 •exmaples:提供使用ExtJs技术做出小实例。...菜单所有itmes可以组合起来形成一些列可选择按钮 xtype: 'tbsplit',分割菜单 就是按钮和菜单结合。在使用时候只要在menu配置项目中添加按钮属性就可以了。...点击按钮左边部分可以触发按钮本身事件,点击按钮右边部分(有个倒三角)可以展开菜单。...Accordion布局由类Ext.layout.Accordion定义,名称为accordion,表示可折叠布局,也就是说使用该布局容器组件中子元素是可折叠形式。...本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,代表 Java架构师必看 对观点赞同或支持。

    4.3K40

    产品前端重构(TypeScript、MVC框架设计)

    易错、难写:这是 JavaScript 这种弱类型、解释型脚本语言通性,再加上 EXTJS 框架本身大量使用 JSON 对象来表达参数,开发环境无法提供智能提示,开发者只能靠不断地查询 Api 文档才能编程...这种继承需要使用EXTJS 本身面向对象类型系统框架带来继承方案,即使用 Ext.define 来定义继承子类。...但是我们又需要使用 TypeScript 来编写整个应用程序,而 TypeScript 在语言层面提供了新面向对象系统,使用后者将导致我们不能使用 EXTJS 5 本身自带 MVC 模式。...由于我们更倾向于使用语言层面的面向对象系统,所以只有放弃 EXTJS面向对象框架和 MVC 框架。 TypeScript-MVC 框架设计 ?...Controller 要能获取到 View 中指定 Id 界面元素(如按钮、表格、文本框等)。

    1.9K80

    基于QTwebkit与ExtJs开发CBS结构企业应用管理系统

    可以把ExtJs框架打包进客户端程序中,随客户端程序分发给使用者,使用者请求页面时,使用是本地ExtJS框架JS文件,业务逻辑程序则仍旧使用服务端。...但是,我们需要为标题栏增加一个下拉菜单按钮,以使用户完成系统设置、打开调试器等相关功能。    ...,使用Qt::FramelessWindowHint属性禁用掉了窗口标题栏和边框,所以在打开调试器子窗口时候,要恢复该子窗口标题栏和边框,为此我们多做了一些工作,读者也可以自己实现QDialog类型父类...现在我们开发自己浏览器,就可以把Extjs库(包含业务JS代码,因为业务JS代码易于变化,不适合当作资源放在客户端)当作资源放在客户端,对于一个客户端来说,体积越小越好,然而以ext4.2.1 gpl...由于我们设计浏览器没有标题栏,所以视图titleBar就是系统标题栏,它包含了关闭、最小化按钮

    3.4K80

    ExtJs学习笔记(20)-利用ExtJsAjax与服务端WCF交互

    ExtJs是一套非常不错javascript UI库(第一次接触ExtJs,可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例...相信不少人会心动),不仅组件丰富,效果漂亮,而且ExtJs集成Ajax功能可以方便与.NetWCF进行交互....这里我们将演示ExtJsFormPanel从WCF加载数据,以及如何提交数据到WCF服务端 1.首先来定义一个用于传输信息Class(实际开发中,可以是Linq to SqlClass或任何可序列化实体类...获取WCF端数据,SaveMyData,SaveMyData2用来保存ExtJs提交过来数据,区别是SaveMyData用于Get方法,SaveMyData2用于Post方法 需要说明是[WebInvoke...id=651 [RESTful WCF]) 3.ExtJs前端页面 <%@ Page Language="C#" AutoEventWireup="<em>true</em>" CodeBehind="FormTest.aspx.cs

    96770

    Chrome下打开新窗口

    > 4、form表单提交,同样target也必须设为_blank 现在遇到一个需求: 做了一个后台运维管理系统,在点击datagrid头部一个按钮,需要打开一个新窗口...因为extjs运行效率比较低,所以选择使用chrome访问系统,而在操作些按钮时候发现很多很奇特现象,这些现象只出现在chrome中: 1、打开一个窗口后,些窗口不关闭,将无法打开多个窗口,即使原有窗口关闭...打开窗口方式:window.open、form提交、iframe--表现上一致 2、页面中原本就有一个form,每次操作就修改里面一个参数,设置其值为随机数,亦不行 改用window.open还发现一个问题...,就是弹出窗口是没有工具栏和地址栏,且不在新选项卡中打开 后来搜索到一篇文章,有所启发,就有了如下代码: var nwin = window.open(); nwin.location = ‘xxxx...’;//需要打开地址 如果使用ajax请求地址后面的参数的话,需要将ajax改为同步,不然弹出窗口会在新窗口中打开,而且没有工具栏和地址栏

    3.6K30

    JQuery EasyUi之界面设计——前言与界面效果(一)

    比如icon,自带就那么几个,像我这样懒人,就用那么几个就够了,extjs图标选择起来都比较麻烦。如果实在不够用,就去extjs里面找几个加上。...再比如组件使用,官方文档描述也就那么几页,使用起来,也就那么几个方法与事件,但基本够用了。 个人不喜欢固步自封,喜好使用对自己来说有点神秘和陌生技术。...extjs如一个行动不便美妇,其脚本太庞大,对象太丰富,并且不利于维护;ext.net如一个打扮得花枝招展裹脚妇女,其将extjs封装成服务器控件,虽然其维护起来不错,体验不错,使用方便,但是我不喜欢使用服务器控件这种方式...上面的按钮时类型,使用是linkbutton实现特效。下面区域使用是datagrid,查询放在顶部工具栏。 弹出窗口 ?...弹出窗口可以用于新增|编辑,也可以用于其他功能,这个效果与extjswindow差不多。 新增与编辑 ? easyuiform自带验证、提交、重置与赋值,使用起来简单方便。 提示框 ? ? ?

    1.5K40

    EXT.NET高效开发(四)——实用技巧

    这里是在后台检查,然后输出相应Extjs脚本,你也可以在前台写JS检测。 这里没有使用EXT.NET对象,直接写Extjs。 ?...所以检测客户端是否安装了Silverlight也是不可避免了。这点虽然与Extjs不能挂钩,但是也许大家也有用得着地方。接下来随笔还会介绍EXT.NET如何与Silverlight结合布局。...DownLoad=true'; }); }); } 3)下载 总是有人问,为什么使用EXT.NET服务器事件无法实现下载,或者没反应,后台写操作也不起作用了,或者点击按钮就出乱码了...其实想想就明白了,EXT.NET在后台对前台进行操作,依赖Extjs,也就是它会向前台输送Javascript,干好好,你突然向人家输送一个文件流,那么人家就不认了。那么怎么实现下载呢?...比如下面的代码,获取控件之后,进行了类型判断,禁用该控件。

    1.2K10

    EXT.NET复杂布局(一)——工作台

    EXT.NET是一组基于ExtJS库开发开源ASP.NET组件。 使用Ext.NET开发,比直接写JS更利于维护,也更方便开发。...由于官方没有文档(只有DEMO),很多情况下只能看看DEMO并且结合ExtjsAPI来摸索了。因此,在开发一些相对复杂布局界面时,还是有一定难度。...使用EXT.NET就不代表不需要写EXTJS,更不代表不需要了解Extjs。你会发现,在使用EXT.NET过程中,也会对Extjs有一定了解。...这里checkboxBeforerowselect函数已经介绍过,就不赘述了。 8)顶部工具条设置。这里按钮是根据登陆角色结合任务来控制。这部分在后台设置。... 基本上都介绍完了,还有不明白,就看看EXTJSAPI以及EXT.NET在线示例吧。

    2.3K30

    jquery使按钮置灰不可用

    "disableButton">禁用按钮jQuery代码实现按钮置灰不可用接下来,我们使用jQuery来实现按钮置灰不可用效果。...#myButton").attr("title", "按钮禁用"); });});在上面的代码中,我们使用了prop("disabled", true)来设置按钮为不可用状态,使用css("background-color...按钮置灰不可用效果经常用于表单提交时,为了避免用户重复提交表单或者在表单提交过程中禁止其他操作。下面是一个示例代码,结合一个简单表单提交场景,演示如何使用jQuery实现按钮置灰不可用效果。...禁用提交按钮jQuery代码实现按钮置灰不可用接下来,我们使用jQuery来实现按钮置灰不可用效果.../ 提交完成后禁用提交按钮 $(this).prop("disabled", true); $(this).css("background-color", "#ccc");

    38310
    领券