EasyUI的form的load函数很好用,表单赋值就靠它了,简单方便。我们可以指定url以Ajax加载,如:

   1: $('#ff').form('load', 'ajax/common')

JSON如下:

也可以指定json,比如:

   1: $('form').form('load',  {"初审申请日期":"2013-05-30","伦理委员会受理编号":"123234",

   2: "是否否决过":"是","是否终止过":"是","主要研究者姓名":"37","主要研究者单位":"123"

   3: ,"主要研究者科室":"上海市XXXXXXXX医院","主要研究者联系电话":"123",

   4: "主要研究者联系传真":"123","主要研究者联系Email":"123",

   5: "主要研究者指定联系人姓名":"123","主要研究者指定联系人电话":"123",

   6: "主要研究者指定联系人Email":"123","专业负责人":"34","研究方案名称":"123123123",

   7: "研究方案编号":"123123123","申办者名称":"123123123","申办者地址":"123123123",

   8: "申办者联系人":"123123123","申办者电话":"1231231231","临床监查员姓名":"1232312312"

   9: ,"临床监查员电话":"12312313","本中心招募受试者人数":"12313123","总人数":"123123123",

  10: "预期试验期限开始":"2013-06-15","预期试验期限结束":"2013-06-25","试验用品":"药物",

  11: "产品名称":"werqre","药物分类":"种类一","医疗器械分类":"种类一","试剂分类":"种类一",

  12: "使用方式":"创伤性","多中心试验":"是","研究形式":"第一期","研究形式观察":"观察",

  13: "研究对象":"正常人","年龄范围18-44":"18-44","儿童年龄小于1":"小于1","弱势群体孕妇胎儿":"孕妇胎儿","弱势群体文盲":"文盲","要求排除对象女性":"女性","要求排除对象其他补充":"","特殊条件隔离区":"隔离区","特殊条件管制药品":"管制药品","特殊条件器官移植备注":"","特殊条件其他备注":"","利益冲突声明":"123123"}); 

不过需要注意一点的是,其是根据控件的name属性来匹配的。

最近在使用EasyUI时,发现表单上如果使用radio时,在IE8会加载出错,错误如下:

“in”的操作数无效: 缺少 Object

对于这种问题,只能见招拆招了。首先分析Jquery.easyui.min.js,很快就可以发现,判断代码在这里:

   1: function _3fa(name,val){

   2: var rr=$(_3f7).find("input[name=\""+name+"\"][type=radio], input[name=\""+name+"\"][type=checkbox]");

   3: rr._propAttr("checked",false);

   4: rr.each(function(){

   5: var f=$(this);

   6: if(f.val()==String(val)||$.inArray(f.val(),val)>=0){

   7: f._propAttr("checked",true);

   8: }

   9: });

  10: return rr;

  11: };

因为是IE8有问题,那么可以在rr上设置一个断点,并且设置一个条件,比如:

这个条件值是radio的name。

跟踪下来就会发现,bug在这里:

   1: if(f.val()==String(val)||$.inArray(f.val(),val)>=0){

   2: f._propAttr("checked",true);

   3: }

在调试窗口输入就会发现:

看来这还是Jquery的bug,不过不能算bug吧,所谓拉屎不出不能怪坑太小,开发者不判断,不能怪别人,于是bug很好解决了:

   1: function _3fa(name,val){

   2: var rr=$(_3f7).find("input[name=\""+name+"\"][type=radio], input[name=\""+name+"\"][type=checkbox]");

   3: rr._propAttr("checked",false);

   4: rr.each(function(){

   5: var f=$(this);

   6: if(f.val()==String(val)|| ($.isArray(val) && $.inArray(f.val(),val)>=0)){

   7: f._propAttr("checked",true);

   8: }

   9: });

  10: return rr;

  11: };

所以有bug不要怕,只要有办法找到原因就好(开发人员工具一定要用好,但不要盲目下手)。希望EasyUI的下一个版本能够解决该问题。

EasyUI之Form load函数IE8下设置Radio或Checkbox的BUG的更多相关文章

  1. IE下设置body{overflow:hidden;}失效Bug

    问题重现: <p>There are no scrollbars on this page in sane browsers</p> html, body, p { margi ...

  2. Jquery Mobile下设置radio控件选中

    问题: .html文件头部引入了: <script src="js/jquery.js"></script> <script src="js ...

  3. jQuery 获取和设置radio 和 checkbox 值的操作

    jquery 中的val(),可以取值也可赋值,表单元素中的radio和checkbox是比较常用的控件,下面说说对它们的取值和赋值的使用 1.取值 表单如下: <div class=" ...

  4. 解决IE8下opacity属性失效问题

    由于opacity属性存在兼容性问题,所以在IE8下,用opacity来设置元素的透明度,会失效,从而导致页面的样式问题. 在IE8及其更早的浏览器下,我们可以使用filter属性,来代替opacit ...

  5. 解决IE8下opacity属性失效问题,无法隐藏元素

    解决IE8下opacity属性失效问题   由于opacity属性存在兼容性问题,所以在IE8下,用opacity来设置元素的透明度,会失效,从而导致页面的样式问题.在IE8及其更早的浏览器下,我们可 ...

  6. IE6,IE7上设置body{overflow:hidden;}失效Bug

    IE6,IE7下设置body{overflow:hidden;}失效Bug 最近做项目发现在IE7下设置body{overflow:hidden;}后还是会出现纵向滚动条,所以上网查查了,在这里记录一 ...

  7. easyui form load 数据表单有下拉框

    (function () { $('#text1').combobox({ url: 'http://localhost:5463/test/getComboJson' }) $('#text2'). ...

  8. 解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象

    之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的f ...

  9. 使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象

    之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的f ...

随机推荐

  1. UVA 10827 Maximum sum on a torus (LA)

    算法入门经典训练指南88页练习 ::这道题只要把原矩阵扩大4倍,那么其跟最大子矩阵的题目就很类似,把二维转化成一维,求最大的序列和,不过这个序列的长度不能超过n. 长度不能超过n? 那这道题又跟hdu ...

  2. Hibernate占位符?和:及JPA

    小结一下hibernate占位符. 1.最常见的?占位符. String hql = "select a from Apple a where a.color=? a.weight>? ...

  3. jemter的使用(三)

    前面的文章已经把接口请求.响应等前序工作做好,那么如何施加压力呢,看下面 1.点击线程组,设置线程属性,其中:线程数即并发用户数,ramp-up period是多长时间初始化上面的并发用户数,循环次数 ...

  4. 边工作边刷题:70天一遍leetcode: day 87

    Implement strStr() 要点:rolling hash方法的速度比较慢. 小优化:不用hash%base,而用hash-=base*最高位是一样的. rolling hash错误点: b ...

  5. vim支持lua

    1. ncurses 安装 官网下载:http://ftp.gnu.org/pub/gnu/ncurses/ncurses-5.9.tar.gz CSDN 下载:http://download.csd ...

  6. 在mac os下的Apache服务器的cgi中运行python

    我是搬运工.. Running Python Programs on the Mac OS X Apache Web Server The Mac OS X operating system incl ...

  7. Spring AOP 注解和xml实现 --转载

    AOP是OOP的延续,是Aspect Oriented Programming的缩写,意思是面向切面编程.可以通过预编译方式和运行期动态代理实现在不修改源代码的情况下给程序动态统一添加功能的一种技术. ...

  8. Tomcat与内存泄露

    一.Tomcat的JVM提示内存溢出 查看%TOMCAT_HOME%\logs文件夹下,日志文件是否有内存溢出错误 二.修改Tomcat的JVM 1.错误提示:java.lang.OutOfMemor ...

  9. pycharm简单使用

    http://blog.csdn.net/chenggong2dm/article/details/9365437

  10. mysql数据库的备份和导入

    mysqldump -u root -p --default-character-set = gbk -d demo_db>c:/appserv/www/demosql/sql1.sql//将数 ...