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

boyanx3个月前技术教程13

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文件下载方法及引入HTML语法

jQuery文件下载方法及引入HTML语法jQuery下载去jQuery网站下载文件包,点击主页的“Download”之后,进入下载页面,可以选择production版本的进行下载,但是点击进去之后,...

了解jquery这一篇够了

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

DrawSVG – SVG 路径动画 jQuery 插件

jQuery DrawSVG 使用了 jQuery 内置的动画引擎实现 SVG 路径动画,用到了 stroke-dasharray 和 stroke-dashoffset 属性。DrawSVG 是完全...

一文说明白,jQuery是干什么的

● jQuery于2006年1月由John Resig在BarCamp NYC首次发布。它目前由Timmy Wilson领导, 并由一组开发人员维护。● jQuery是一个JavaScript库,它简...

关于JQuery引用及基本用法

在JQuery文件中下载,并将其引入html文件。在使用jQuery之前,我们需要到jQuery的官方网站:“https://jquery.com/download/” 把下载好的文件放到工程根目录...

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

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

发表评论    

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