博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EasyUI中修改DataGrid的单元格显示内容
阅读量:5826 次
发布时间:2019-06-18

本文共 1165 字,大约阅读时间需要 3 分钟。

  hot3.png

自定义的单元格数据显示,以实现如下效果为例

144656_y0As_2427367.png

使用列属性的formatter属性即可修改,示例如下

$("#roleList").datagrid({    url : "${pageContext.request.contextPath}/role/list",    columns : [[{        field : "id",        checkbox : true    }, {        field : "name",        title : "岗位名称"        width : 20    }, {        field : "description",        title : "岗位说明",        width : 70    }, {        field : "sort",        title : "排序",        width : 10,        align : "center",        formatter : function(value, row, index) {            var rows = $("#roleList").datagrid("getRows");            if (rows.length == 1) {                return "不需要排序";            }            if (index == 0) {                return "
";            }            if (index == rows.length - 1) {                return "
";            }            return "
"                + "
";;        }    }]],    rownumbers : true,    fitColumns : true});

我这里是使用的图片超链接来实现的

遇到的问题:当我使用静态数据时(直接在初始化datagrid时指定data属性),formatter指定的函数里可以返回linkbutton组件而且能正常解析显示,而如果用url来指定数据时,formatter指定的函数里返回的linkbutton组件不会被解析,所以被迫使用<a><img></a>代替。

使用的版本:1.4.2

转载于:https://my.oschina.net/harmel/blog/521780

你可能感兴趣的文章
利用WM_COPYDATA进行进程间通信
查看>>
jQuery学习笔记之jQuery的Ajax(3)
查看>>
谷歌阅读器将于2013年7月1日停止服务,博客订阅转移到邮箱
查看>>
HTML5 自动聚焦 属性
查看>>
解决FormClosing事件点击关闭2次的问题
查看>>
python的字符串连接操作符+
查看>>
类属性赋值
查看>>
node、npm的安装和环境变量的配置
查看>>
spring的几种注入方式
查看>>
1.环境搭建
查看>>
计算几何摸黑(3)-圆及有关计算(上)
查看>>
NYOJ 737 石子合并(一)
查看>>
后缀树
查看>>
Python 3 面向对象进阶
查看>>
MAVEN for mac 安装
查看>>
9、StringBuffer和StringBuilder
查看>>
转 白话经典算法系列之六 快速排序 快速搞定
查看>>
python如何在一个for循环中遍历多个列表
查看>>
第四章:执行环境与作用域
查看>>
NYOJ1057:寻找最大数(三)
查看>>