领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

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

nixiaole 2025-03-19 00:54:07 知识剖析 4 ℃

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

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

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

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

最近发表
标签列表