jquery + easyui 等前台疑难杂症
2016-01-23 10:58
543 查看
1、easyui datagrid 进行updateRow操作时,当前的行号出错,具体症状如下:
执行:$('#mygrid').datagrid('updateRow', {'index':index, row:{isread:1}});
病状:当前行,本来index应该是第26行,结果updateRow之后,变成了2510
再例如,当前行,本例index是第32行,结果updateRow之后,变成了3130
究其原因:是因为在jquery.easyui.min.js中,第9741行有bug,将行号按照字符串相加了,没有parseInt,具体修改如下:
该行添加 parseInt :var _726=parseInt(_724)+1;
该行添加parseInt :_726+=parseInt((opts.pageNumber-1)*opts.pageSize);
搞定;(该症状这位网页也有遇到:http://blog.sina.com.cn/s/blog_77cb836301014nkn.html)
2、easyui datagrid 进行updateRow操作时,如果datagrid中该行修改的field 是有formatter定义的,那么不能直接指定该field的新值,此时
只要指定与该field相关的变化的量即可,此时只要该行显示相关的变量有变化,那么该行就会重新加载;
3、easyui中datagrid出现表头和数据格错位对不齐的情况,解决办法如下:
设置表格的总宽,逐个调整各个field的宽度,直到,各个field的宽度总和和表格总宽基本相等,这样就对齐了!
有人可能会设置datagrid的fitColumns或者是fit属性为true,但是这样一设置,表格可能会直接向脱缰的野马,列宽会随心所欲,乱变,根本不听使唤,
所以,还是有笨办法来吧!
执行:$('#mygrid').datagrid('updateRow', {'index':index, row:{isread:1}});
病状:当前行,本来index应该是第26行,结果updateRow之后,变成了2510
再例如,当前行,本例index是第32行,结果updateRow之后,变成了3130
究其原因:是因为在jquery.easyui.min.js中,第9741行有bug,将行号按照字符串相加了,没有parseInt,具体修改如下:
该行添加 parseInt :var _726=parseInt(_724)+1;
该行添加parseInt :_726+=parseInt((opts.pageNumber-1)*opts.pageSize);
搞定;(该症状这位网页也有遇到:http://blog.sina.com.cn/s/blog_77cb836301014nkn.html)
2、easyui datagrid 进行updateRow操作时,如果datagrid中该行修改的field 是有formatter定义的,那么不能直接指定该field的新值,此时
只要指定与该field相关的变化的量即可,此时只要该行显示相关的变量有变化,那么该行就会重新加载;
3、easyui中datagrid出现表头和数据格错位对不齐的情况,解决办法如下:
设置表格的总宽,逐个调整各个field的宽度,直到,各个field的宽度总和和表格总宽基本相等,这样就对齐了!
有人可能会设置datagrid的fitColumns或者是fit属性为true,但是这样一设置,表格可能会直接向脱缰的野马,列宽会随心所欲,乱变,根本不听使唤,
所以,还是有笨办法来吧!
相关文章推荐
- javascript、jquery、AJAX总结
- 人人必知的10个jQuery小技巧
- jQuery操作Table技巧大汇总
- jquery autocomplete ajax获取动态数据,兼容各浏览器,支持中文
- jquery中常用的节点查找,属性过滤
- 5 jQuery.each() Function Examples
- jquery中字符串数组相符转换
- jquery中的clone()克隆函数
- jQuery操作Table技巧大汇总
- jQuery form插件之formDdata参数校验表单及验证后提交
- jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
- jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
- 值得 Web 开发人员学习的20个 jQuery 实例教程
- jquery实战(1)
- Jquery节点遍历
- jquery.validate 与 jquery.avgrund合用导致的验证出错
- jQuery选择器下
- ztreeDeptSelect 基于jquery和ztree的部门选择插件
- Jquery数组和对象操作
- jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象