在最近的项目中,首次使用到了 网页的一个布局框架——EasyUI,感觉这个框架特别牛,兼容性很不错,页面效果也挺不错,可是在使用标题上三个控件过程中遇到几个很奇特的问题,让我头疼不已,所以在此给广大IT 爱好者分享一下,希望能帮助到你们。

问题一:numberbox 数字验证框使用时,在两个单选按钮互相选择时执行一个 输入框(也就是这个numberbox)对象 禁用和启用得操作,当选择单选按钮1时,启用这个输入框的验证并且启用该输入框,当选择单选按钮2时,不启用这个输入框的验证,并且禁用该输入框, 图中 红色框(上) 很明显是对id为value_2 这个输入框执行选择单选按钮2时的操作,为什么要分开两次写呢?这就是问题的关键,如果我集中在一起写,那么该控件可以被禁用,但是那个验证的效果依然还在,(也就是说该控件呈现红色警告状态),试了一下把required:false 写在disabled之前,问题依然还在,由此得出一个结论就是,EasyUI在处理禁用和启用时,逻辑有些特殊,解决办法就是图中所示,分开处理

问题二:validatebox 表单验证的禁用,在页面逻辑处理时,难免会遇到 对输入框的禁用和启用得操作,而大多数也不会只使用numberbox 但是validatebox 又没有禁用这个属性,怎么办呢?目前我只找到一个办法就是用Jquery原始的办法使用$("#id").attr("disabled","disabled");来处理,若同志们有其他办法,希望大家给我留言,互相学习。

问题三:combobox 自定义组合框,数据绑定时的问题,前台页面若我们要设置:

<select class="easyui-combobox" id="fuzhi" data-options="required:true,editable:false,panelHeight:'auto'," >

时,在绑定数据的时候一定要小心一个问题,先解释一下图中各部分的意思:params是参数化的传递的部分,类似于url?Key1=value1&Key2=value2...,顺便说一下,该方式传递有两点好处,好处一:参数结构清晰明了、好处二:该方式在IE下传递到后台处理程序(ashx)时 不会出现乱码的现象,getdata方法 是封装好的一个ajax请求;看EasyUi例子中会提到下拉框绑定数据时是使用该图 if语句以下部分的方式,但是为何我要使用这种方式呢?这就是问题的关键,如果直接使用例子中的方式,前台用了class="easyui-combobox",后台又使用例子中的方法,会造成两次请求,解决办法就是 方法一:把前台的class删掉,心细的读者会发现 图片中为何在绑定时使用的是data:dataCL而不是url:.......呢?这就是方法二。原理可以想清楚,即:该控件不在请求后台服务器,而是直接绑定的来自postdata请求而返回的结果,这样,无论页面上是否指定class,后台都不会出现多次请求的情况,强烈推荐方法二:因为方法二在数据请求返回后,为下拉框绑定默认值提供了方便:也就是图中 value:dataCL[0].系统名称 那部分。

  至此,谢谢大家这么耐心的唠叨,第一次写博客,也许语言描述的不是很清楚,望大家海涵。

EasyUI关于 numberbox,combobox,validatebox 的几个小问题的更多相关文章

  1. 第二百一十三节,jQuery EasyUI,NumberBox(数值输入框)组件

    jQuery EasyUI,NumberBox(数值输入框)组件 功能:只能输入数值,和各种数值的计算 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI ...

  2. Easyui的numberbox无法输入以0开头的数字编号(转载)

    1.问题 项目中碰到这样一个问题,Easyui的numberbox在输入数字编号的时候不能以0开头 在我输入以0开头的数字编号后,离开输入框的时候,那个前缀0就自动去掉了. 接下来,我们查看API说明 ...

  3. EasyUI控件combobox重复请求后台,dialog窗口数据异常

    最近在用Easy UI+Dapper+MVC4 开发一个财务收款系统,其中就发现一些小问题,供有需要的人参考. 1.EasyUI控件combobox 数据绑定 出现重复请求后台 上代码: <td ...

  4. easyui中的combobox小知识点~~

    一直使用的easyui中,一些不为人知的小知识点,与君共勉: 1.combobox设置高度:使用panelHeight属性: 2.combobox本身自带“自动补全”功能,但是在浏览器中是有限制的,在 ...

  5. easyUI中numberbox的校验

    例:两个numberbox(A,B),其中两个都为必填项,要求在文本框显示红色,来显示其是必填项,其中只有当A填完之后,在能允许B进行填写,否则给出提示框,并清空其中的数据 <!DOCTYPE ...

  6. easyui中如何为validatebox添加事件(onblur、onclick等)

    在我们一般html的input标签,textbox事件可以直接使用onblur().onclick()事件,但是在easyui的validatebox没有onblur事件, 如果我们需要为valida ...

  7. 解决将easyui里的combobox里的输入框下拉列表变为空值

    jQuery easyui官网上有一个方法是 :clear方法,这个方法说是能清除数据,但我测试了,结果它确实清楚了(但他清除的只是输入框显示的数据,没有清除所有的数据),在这里巧妙的用 它加载数据的 ...

  8. easyui的textbox和validatebox的 赋值区别

    区别代码如下: textbox:$('userId').textbox('setValue','aaa'); validatebox :$('userId').val('aaa');  

  9. 【easuyi】---easyui中的验证validatebox自定义

    这里比较简单的使用就不再多说,主要说一下自定义的validatebox. 1.验证密码是否相等,这个直接参考给定的列子就行,这里主要学习这种灵活使用的方式和方法. <input id=" ...

随机推荐

  1. String-原型属性

    <script> /*将trim方法定义到字符串对象中 *使用字符串的原型属性来完成 *原型prototype:就是该对象的一个描述,该描述中如果添加新功能,那么该对象就具备这些新功能. ...

  2. Java Collection框架详解

    引用自:http://blog.sina.com.cn/s/blog_6d6f5d7d0100s9nu.html 经常会看到程序中使用了记录集,常用的有Collection.HashMap.HashS ...

  3. ThinkPHP3.2.3 Nginx 下 URL_MODEL 的配置

    ThinkPHP3.2.3 的 URL_MODEL 包括普通模式(0).PATHINFO 模式(1).REWRITE 模式(2).兼容模式(3)等 4 种 URL 模式.在 Apache 下只要在配置 ...

  4. MySQL Access denied for user root@localhost 解决方法

    今天把本地开发的项目(ThinkPHP 3.2.3)移到虚拟机上(CentOS 6.6,LNMP 1.2,MySQL 5.6.23),配置好 MySQL 之后访问首页,出现: 此时 MySQL 的用户 ...

  5. P1038 神经网络

    #include <bits/stdc++.h> using namespace std; const int maxn = 105; struct node { int situatio ...

  6. php array_udiff_uassoc比较数组的键值与值

    php array_udiff_uassoc 用于带索引检查计算数组的差集,用回调函数比较数据和索引.本文章通过实例向大家介绍array_udiff_uassoc函数的使用方法.需要的码农可以参考一下 ...

  7. discuz安装

    1.upload文件复制到根目录下,访问,安装 2.数据库需要提前建好 3.数据库地址默认是localhost,我安装时是127.0.0.1 4.最好在本地安装时,配置本地域名和线上域名一样,不然迁移 ...

  8. svn的差异查看器和合并工具换成BCompare.exe

    svn的差异查看器和合并工具换成BCompare.exe

  9. (转载)throw和throws的区别

    1.throw:(针对对象的做法)抛出一个异常,可以是系统定义的,也可以是自己定义的.下面举两个例子:抛出Java中的一个系统异常:public class One {public void yich ...

  10. App Store有哪些原因会影响app应用上架呢?(分享)

    App Store对于应用上架的审核是非常严格的,很可能一个没有注意到的细节,或者一个你根本没想想到的原因就会导致你的应用上架失败.而排除这些无可避免的错误以外,还有一些导致应用上架失败的原因,非常常 ...