jQuery EasyUI使用教程:格式化数据网格列

boyanx9个月前技术教程38

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

下面的示例格式化easyui数据网格中的列,并使用自定义列的格式程序,如果价格小于20那么文本就将变为红色。

想要格式化一个数据网格列,我们需要设置formatter属性,它是一个函数。这个格式化函数包含三个参数:

  • value:当前列对应字段值
  • row:当前行记录数据
  • index:当前行的下标

创建数据网格

Item IDProduct IDList PriceUnit CostAttributeStauts

请注意,“listprice”字段有一个“formatter”属性,用来指明格式化函数。

写格式化函数

function formatPrice(val,row){
if (val ('+val+')';
} else {
return val;
}
}

下载该EasyUI示例:easyui-datagrid-demo.zip

购买最新正版授权!"咨询在线客服"

新年新禧新气象,送礼送福送优惠!

本站文章除注明转载外,均为本站原创或翻译

标签: 在线jquery

相关文章

用户界面干货盘点

本周,我们持续更新了Qt、jQuery EasyUI和C1 DataGrid for WPF的基础使用教程,DevExpress跨平台移动Web开发框架DevExtreme在线演示,Component...

jQuery EasyUI使用教程:自定义数据网格分页

jQuery EasyUI最新试用版免费下载>数据网格内置一个很好特性的分页功能,自定义也相当简单。在本教程中,我们将创建一个数据网格,并在分页工具栏上添加一些自定义按钮。创建数据网格Item...

用户界面框架jQuery EasyUI发布v1.4.5

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的...

jQuery EasyUI使用教程:添加工具栏到数据网格

jQuery EasyUI最新试用版免费下载>本教程中的示例说明了如何将工具栏添加到数据网格中,您可以在数据网格顶部的工具栏上放置按钮。创建数据网格Item IDProduct IDList P...

jQuery EasyUI使用教程:在数据网格中扩展行显示详细信息

数据网格可以更改它的视图来显示不同的效果。使用详细视图,数据网格可以在数据行的左边显示展开按钮(“+”或“-”)。用户可以展开行来显示附加的详细信息。Step 1:创建数据网格Item IDProdu...

php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒

抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。图1 转轮盘抽奖图2 转轮盘抽奖结果1、转轮盘本来是想直接绘图实现轮盘,但是没有找到怎么填充文字,只好把轮盘弄成了背景图,通常用于游戏抽道具,...

发表评论    

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