文档章节

datagrid中 formatter 的formatter样式不生效解决方案

GeminiLiu
 GeminiLiu
发布于 2016/06/21 11:10
字数 303
阅读 88
收藏 0

datagrid中formatter是在页面渲染后才执行,因此直接在formatter里使用datagrid自己的linkbutton样式无法生效

解决方案

在onLoadSuccess方法里使用js修改datagrid控件,另附图标自动闪动方法

<%layout("/eova/layout/default.html",{'title' : '系统监控'}){%>
<script>
var shinflag = false;//闪动标识
function shining(){
	if(shinflag){
		$(".conn-error").linkbutton({plain:true, iconCls:'icon-bulletcross'});
		shinflag = false;
	}else{
		$(".conn-error").linkbutton({plain:true, iconCls:'icon-readmetxt' });
		shinflag = true;
	}
}

function freshTable(){
	var url = $('#conn').datagrid('options').url;  
	if (url.indexOf("_t=") > 0) {  
	    url = url.replace(/_t=\d+/, "_t=" + new Date().getTime());  
	} else {  
	    url = url.indexOf("?") > 0  
	        ? url + "&_t=" + new Date().getTime()  
	        : url + "?_t=" + new Date().getTime();  
	}
	$('#conn').datagrid('reload');
}

$(function(){
	$('#conn').datagrid({
	    url:'/system/connLoad',
	    singleSelect: true,	
	    columns:[[
			{field:'connstatus',title:'状态',width:30,
				formatter: function(value, row, index){
			    if (value == "success") {
			        return "<a href='javascript:void(0);' class='conn-success' visibility='hidden'/>";
			    }else if(value == "error"){
			    	return "<a href='javascript:void(0);' class='conn-error'/>";
			    }else{
			    	return "<a href='javascript:void(0);' class='conn-ready'/>";
			    }
			}},
			{field:'name',title:'系统名称',width:70},
			{field:'url',title:'监听地址',width:220},
			{field:'destribute',title:'系统描述',width:110}
	    ]],
	    toolbar: [{
	        text: '手动刷新',
	        iconCls: 'icon-arrowrefresh',
	        handler: function () { freshTable(); }
	    }],
	    onLoadSuccess:function(data){ 
	    	$(".conn-success").linkbutton({plain:true, iconCls:'icon-accept' });
	    	$(".conn-error").linkbutton({plain:true, iconCls:'icon-bulletcross' });
	    	$(".conn-ready").linkbutton({plain:true, iconCls:'icon-hourglass' });
	    }
	});
	setInterval("freshTable();",60*1000);//设置60秒自动刷新
	setInterval("shining();",200);
})	
</script>
<table id="conn" width="auto" height="auto" class="easyui-datagrid" ></table>
<%}%>

 

© 著作权归作者所有

共有 人打赏支持
GeminiLiu
粉丝 3
博文 39
码字总数 11978
作品 0
西城
程序员
easyui1.4.2 formatter处理json内嵌数据undefined

问题描述: easyui升级到1.4.2后,原来使用的获取json嵌套数据的函数“formatter: function (value,row) { return row.business.region }”不好使了,datagrid初始化加载数据的时候,会报错提...

zqz0125
2015/07/03
0
2
easyui的datagrid的某个field的取值是一个数组,如何利用formatter循环设置field和显示

页面显示效果: html页面设置datagrid的field字段: userList是从struts2传到前台的一个集合,该集合是用户的集合,每个用户有一个消耗,field根据userList来设置多个消耗字段 在JS中formatt...

文文1
2016/12/12
564
0
Easy ui 的 datagrid columns的formatter渲染问题

使用Easyui 的datagrid的组件,发现在$(function(){ //初始化datagrid}); 后,对formatter会执行一次渲染,结果是formatter:function(value,rowData,index){}是取不到数据的。等到$(funtion...

云海逍遥生
2015/08/31
1K
1
easyui datagrid 日间格化(JS 日期时间本地化显示)

easyui datagrid 日期时间显示不正常,后台java 类型为 DATE 经过JSON工具一转化传到前台来就是这样,不便 于是想格式化一下, 格式化代码 如下: $('#gridTable').datagrid({ title: '系统通...

易水寒丶开源
2015/11/04
0
0
为datagrid的列加上formatter后为什么表格就无法显示出来了?

我有些datagrid的列需要加formatter,但某些列加上formatter就会导至datagrid整个无法显示,我测试把formatter函数直接返回固定值也不行,这到底是为什么啊?我确定列里的值都是非空的,有些...

耿军
2012/10/14
943
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Ubuntu18.04 显卡GF-940MX安装NVIDIA-390.77

解决办法: 下面就给大家一个正确的姿势在Ubuntu上安装Nvidia驱动: (a)首先去N卡官网下载自己显卡对应的驱动:www.geforce.cn/drivers (b)下载后好放在英文路径的目录下,怎么简单怎么来...

AI_SKI
今天
0
0
深夜胡思乱想

魔兽世界 最近魔兽世界出了新版本, 周末两天升到了满级,比之前的版本体验好很多,做任务不用抢怪了,不用组队打怪也是共享拾取的。技能简化了很多,哪个亮按哪个。 运维 服务器 产品 之间的...

Firxiao
今天
0
0
MySQL 8 在 Windows 下安装及使用

MySQL 8 带来了全新的体验,比如支持 NoSQL、JSON 等,拥有比 MySQL 5.7 两倍以上的性能提升。本文讲解如何在 Windows 下安装 MySQL 8,以及基本的 MySQL 用法。 下载 下载地址 https://dev....

waylau
今天
0
0
微信第三方平台 access_token is invalid or not latest

微信第三方开发平台code换session_key说的特别容易,但是我一使用就带来无穷无尽的烦恼,搞了一整天也无济于事. 现在记录一下解决问题的过程,方便后来人参考. 我遇到的这个问题搜索了整个网络也...

自由的开源
今天
2
0
openJDK之sun.misc.Unsafe类CAS底层实现

注:这篇文章参考了https://www.cnblogs.com/snowater/p/8303698.html 1.sun.misc.Unsafe中CAS方法 在sun.misc.Unsafe中CAS方法如下: compareAndSwapObject(java.lang.Object arg0, long a......

汉斯-冯-拉特
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部