easyui-datagrid 根据某一列修改另一列的样式

最新推荐文章于 2021-01-14 14:13:05 发布

天蝎_Alvin

最新推荐文章于 2021-01-14 14:13:05 发布

阅读量3k

点赞数

分类专栏： HTML 文章标签： js javascript easyui-datagrid修改列样式 datagrid修改列的样式

本文链接：https://blog.csdn.net/cuiyong_xu/article/details/48175155

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

下面是我的easyui 列的代码,我需要根据actType修改actCname的样式

columns:[[
					{field:'actCname',title:'权限名称',width:350,align:'left',
		                formatter:function(value){
		                	return '<span style="color:black">'+value+'</span>';
		                }},
					{field:'actEname',title:'权限标识',width:200,align:'left'},
					{field:'actType',title:'类型',width:60,align:'center',
						formatter:function(value){
							if(value=='menu'){
								return "菜单";
							}else if(value == "link"){
								return "链接";
							}else if (value == "lock"){
								return "锁";
							}else{
								return "action";
							}
		                }
					},
					{field:'fullEname',title:'英文全称',width:400,align:'left'}			
				]]

下面是我修改后的数据列样式,使其加载后修改,注意我这里使用了中文,因为当前页面js不会出现乱码的情况,所以不用担心乱码

onLoadSuccess:function(row){
					var panel =  $('#actList').datagrid('getPanel'); 
	       			var tr = panel.find('div.datagrid-body tr');  
					tr.each(function(){ 
						var td = $(this).children('td[field="actType"]'); 
						var td2 = $(this).children('td[field="actCname"]');//这是我要修改的列
						var textValue = td.children("div").text(); 
						var textValue2 = td2.children("div").text(); 
						//alert(textValue+":"+textValue2);
						if(textValue == '链接'){
				           td2.children("div").css({   
				               	"text-decoration":"underline"//添加个下划线
				           }); 
		          		}; 
					});
				}

更多资料,可访问:http://www.ijson.net/