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

boyanx4个月前技术教程25

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

相关文章

jQuery EasyUI使用教程:合并数据网格的单元格

数据网格经常需要合并多个单元格,本教程将教会您在数据网格中如何合并单元格。合并数据网格的单元格,您只需要简单地调用'mergeCells'方法并传入合并信息参数,告诉数据网格如何合并单元格。在合并的单...

jQuery EasyUI使用教程:在数据网格中自定义排序

jQuery EasyUI最新试用版免费下载>如果默认排序行为不能满足您的需求,您可以自定义数据网格的排序行为。基本上用户可以在列上定义一个函数名为sorter的排序函数。这个函数将要接受两个值...

如何加载jquery

加载在线版的 jquery 文件地址<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.slim.min.js"></s...

jQuery EasyUI使用教程:创建复杂的树网格

树网格可以展示有限空间上附带的多列和复杂数据电子表格。本教程将演示如何将表格数据排列在分割的网格和多行表头中,以便组织共同的数据。创建树形网格Region200920101st qrt.2st qrt...

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

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

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

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

发表评论    

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