龙空技术网

jQuery EasyUI使用教程:根据条件更换数据网格行背景颜色

慧都科技 1257

前言:

而今各位老铁们对“jquery改变背景颜色”可能比较重视,小伙伴们都想要分析一些“jquery改变背景颜色”的相关资讯。那么小编同时在网上搜集了一些有关“jquery改变背景颜色””的相关知识,希望你们能喜欢,大家一起来了解一下吧!

jQuery EasyUI最新试用版免费下载>

本教程将为大家介绍在某些条件下如何更改数据网格组件的行样式。当listprice值大于50时,我们将为该行设置不同的颜色。

数据网格的rowStyler函数允许您可以自定义行样式,下面的代码演示了如何更改行样式:

Item IDProduct IDList PriceUnit CostAttributeStauts

$('#tt').datagrid({
rowStyler:function(index,row){
if (row.listprice>50){
return 'background-color:pink;color:blue;font-weight:bold;';
}
}
});

正如您所看到的,我们根据一些条件设置background-color为pink(粉红色),设置文本颜色为blue(蓝色)。

购买jQuery EasyUI最新正版授权!详情请"咨询在线客服"葡萄城经典UI产品惠风迎春,惊喜折扣礼品送不停!

慧都科技,十三年行业经验,专注提供软件技术整体解决方案,致力打造全球最大的软件技术一站式服务平台。

慧都控件|帮助企业打造成功软件

慧都提供全球优质控件产品/控件培训/项目定制开发/方案咨询/现场实施/项目外包/专业测试

微信ID:EVGET_Huidu

企业QQ:800018081|电话:023-66090381

扫码关注微信

标签: #jquery改变背景颜色