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

boyanx9个月前技术教程59

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下载

相关文章

展示完美图片的jQuery插件——Lightbox

在做web前端项目时候,产品图片展示有不同的方式展出,客户比较常见的需求:需要点击小图,弹出大图,并且大图还可以直接点击按钮进行前后切换。这样的效果,有非常多的jQuery可以实现,今天推荐一款jQ...

web前端Jquery学习笔记一

学习大纲一、了解Jquery1.什么是jqueryJquery 是一款优秀的JavaScript框架,它是一个轻量的JS库,它兼容CSS3,还兼容各种浏览器(IE6.0+,火狐1.5+,谷歌,safa...

用户界面框架jQuery EasyUI示例大全之Tree

jQuery EasyUI最新试用版免费下载>jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery...

了解jquery这一篇够了

为什么要学jquery现在的「新人」依然可以学习 jQuery 的思想,因为以「新人」的水平,直接理解 Vue / React 的思想难度较大,jQuery 是一个很不错的中间过渡使用javascri...

jQuery EasyUI使用教程:在面板中创建复杂布局

jQuery EasyUI最新版下载>本教程主要为大家介绍如何在面板中创建复杂的布局。面板允许你创建用于多种用途的自定义布局,在本示例中,我们通过使用面板和布局插件来创建一个MSN的消息框。我们...

jQuery JavaScript的综合性UI组件库jQWidgets v4.1.0发布

立即下载最新版:jQWidgets v4.1.0jQWidgets是一个基于jQuery、JavaScript的综合性和创新性的HTML5 UI组件库,旨在帮助开发者创建专业、跨平台的Web应用程序,...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。