easyui中datagrid的formatter使用问题
2016-09-26 22:35
260 查看
学习easyui已经有一段时间了,在前不久的公司的项目中碰到了关于datagrid的formatter的问题,我的目的是用formatter自定义操作列,但当我在formatter返回的字符串中加入easyui控件的属性时,easyui的样式并没有出现,无论是放在data-options中还是直接的写xxx="xxx"的格式。然后我将返回的字符串打印出来,发现在属性后带有双引号就会将双引号内的内容自动的解析成属性,有时候甚至会报出错误。现在知道问题的所在了,当然解决的方法也有很多了。
其中最好的方式当然是归避这种情况的出现,用最简单的形式实现所需要的功能,这种做法还可以减少其他错误的出现(因为加入样式后我真遇到了许多的问题T T)。但以客户要求为重么,所以还是硬着头皮去实现easyui的样式。思路其实也是很简单,写easyui的属性无非就是三种形式,在class写上easyui控件名,然后直接写上属性或者写在data-options里,这两种方式都不行了,那么还有一种就是用js写,在datagrid的onLoadSuccess事件中通过function照着官网上的js格式写上就可以了,但是之后的问题来了,在对datagrid中数据进行操作时,只有触发了loadData方法时,onLoadSuccess事件才会触发,这就会导致对datagrid的某条记录修改时,就会出现样式又消失了。
那么要怎么样将样式保留呢?重新渲染当然可以,datagrid中也有相应的事情,但我没那么做,我只是用getData方法取出特定行的数据,通过引用字段将值赋给它而已,但是这样还是增加了不少的代码。所以希望大家还尽量采用简单的方式解决问题,如果还是要用,愿这篇文章能对你有所帮助。
其中最好的方式当然是归避这种情况的出现,用最简单的形式实现所需要的功能,这种做法还可以减少其他错误的出现(因为加入样式后我真遇到了许多的问题T T)。但以客户要求为重么,所以还是硬着头皮去实现easyui的样式。思路其实也是很简单,写easyui的属性无非就是三种形式,在class写上easyui控件名,然后直接写上属性或者写在data-options里,这两种方式都不行了,那么还有一种就是用js写,在datagrid的onLoadSuccess事件中通过function照着官网上的js格式写上就可以了,但是之后的问题来了,在对datagrid中数据进行操作时,只有触发了loadData方法时,onLoadSuccess事件才会触发,这就会导致对datagrid的某条记录修改时,就会出现样式又消失了。
那么要怎么样将样式保留呢?重新渲染当然可以,datagrid中也有相应的事情,但我没那么做,我只是用getData方法取出特定行的数据,通过引用字段将值赋给它而已,但是这样还是增加了不少的代码。所以希望大家还尽量采用简单的方式解决问题,如果还是要用,愿这篇文章能对你有所帮助。
相关文章推荐
- 关于easyui中datagrid在使用过程中遇到的问题
- EasyUI DataGrid使用formatter属性实现自定义功能
- 解决使用easyui的datagrid组件页面加载后发送两次请求的问题
- 使用EasyUi框架的datagrid组件显示时间问题
- easyui datagrid 表格组件列属性formatter和styler使用方法
- 关于easyui datagrid 行下拉树的formatter问题总结
- 更改EasyUI的DataGrid的显示信息。使用formatter属性,将数据库中存储的gender为1 or 0修改为“男”or“女”。
- 关于easyui的datagrid与combobox结合使用的问题
- easyui datagrid 表格组件列属性formatter和styler使用方法
- easyui datagrid 表格组件列属性formatter和styler使用方法
- EasyUI中tree,Datagrid,pagenation的使用EasyUI中Datagrid和pagenation进行关联时,再次点击pagenation时让表格数据显示的问题
- Easyui使用DataGrid增删改查以及常见问题
- 关于EASYUI使用dataGrid加载本地JSON文件浏览器不显示问题
- easyui使用datagrid时列名包含特殊字符导致表头与数据错位的问题
- easyui的数据表格(datagrid)使用时formatter的技巧
- easyui datagrid 表格组件列属性formatter和styler使用方法
- easyui中datagrid如何使用formatter显示子对象的属性
- 使用easyui时,每多点击一次多生成一个datagrid窗口的问题
- 使用Jquery EasyUi常见问题解决方案 刷新 easyui datagrid 数据
- EasyUI-Datagrid 中formatter和group-formatter的使用