桓楠百科网

编程知识、经典语录与百科知识分享平台

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

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

扫码关注微信

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言