首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

应用easyUI 格式化datagrid列

2012-09-03 
使用easyUI 格式化datagrid列@author YHC以下示例式化在easyui DataGrid 里的列数据,和使用自定义列format

使用easyUI 格式化datagrid列

@author YHC

以下示例格式化在easyui DataGrid 里的列数据,和使用自定义列formatter ,如果价格小于20就将文本变为红色.

应用easyUI 格式化datagrid列

查看 Demo

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

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

    创建 DataGrid
    function formatPrice(val,row){      if (val < 20){          return '<span style="color:red;">('+val+')</span>';      } else {          return val;      }  }  

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



热点排行