jQuery EasyUI, datagrid, treegrid formatter 参数比较 row index

如题:

datagrid中,见官方文档:

formatter function The cell formatter function, take three parameter:
value: the field value.
rowData: the row record data.
rowIndex: the row index.
undefined

例子:

{field:‘id‘,title:‘id‘,width:100,align:‘center‘,formatter:function(value, row, index){
return ‘<span style="color;red" >‘ + value + row.id + index + ‘</span>‘;
}}

treegrid中,继承了这个属性,但是有些变化,官方文档没有说明,总结了一下

formatter function The cell formatter function, take two parameter:
value: the field value.//这个照旧
rowData: the row record data.//貌似还加了_parentId,status属性(值为open|close)
rowIndex: the row index.//注意,这个末有了!
undefined

检验代码:

{field:‘id‘,title:‘id‘,width:100,align:‘center‘,formatter:function(value, row, index){
  var xs = [];for (var p in row) {xs.push(p + ":=" + row[p]);}alert(xs.join(‘\n‘));  return ‘<span style="color;red" >‘ + value + row.id + index + ‘</span>‘;

}}

时间: 2024-10-11 08:07:56

jQuery EasyUI, datagrid, treegrid formatter 参数比较 row index的相关文章

第二百二十八节,jQuery EasyUI,TreeGrid(树形表格)组件

jQuery EasyUI,TreeGrid(树形表格)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 TreeGrid(树形表格)组件的使用方法,这个组件依赖于 DataGrid(数据表格)组件. 一.加载方式 建立一个 JSON 文件 [ { "id": 1, "name": "系统管理", "date": "2015-05-10", &quo

jQuery EasyUI DataGrid API 中文文档

扩展自$.fn.panel.defaults,用 $.fn.datagrid.defaults重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 1.  <table id="tt"></table> 1.  $('#tt').datagrid({ 2.      url:'datagrid_data.json', 3.      columns:[[ 4.          {field:'co

Jquery easyui datagrid 导出Excel

datagrid的扩展方法,用于将当前的数据生成excel需要的内容. 1 <script> 2 /** 3 Jquery easyui datagrid js导出excel 4 修改自extgrid导出excel 5 * allows for downloading of grid data (store) directly into excel 6 * Method: extracts data of gridPanel store, uses columnModel to constru

Jquery easyUI datagrid加载复杂JSON数据方法

1.JSON数据为: { "rows": [ { "itemNo": "1", "itemName": "12", "spec": "", "pattern": "", "itemCategory": { "id": "A01", "name": &

jQuery EasyUI DataGrid Checkbox

转自:http://blog.csdn.net/baronyang/article/details/9323463 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数据列的 Checkbox 设定为 Checked,另外就是两种 Checkbox 设定方式下如何取得有勾选的数据. 有关 jQuery EasyUI DataGrid 的相关资料,可以前往官网查看, jQuery EasyU

jquery easyui datagrid 排序列

点击排序列,将获取参数有:page=1&rows=10&sort=UserName&order=desc c#后台获取sort跟order参数 string sortColumn = Request.Params["sort"].ToString(); string order = Request.Params["order"].ToString(); jquery easyui datagrid 排序列,布布扣,bubuko.com

jquery easyui datagrid设置行样式 不可删除某行

rowStyler: function (index,row) { if (parseInt(row.ksrs) > 0) { return 'color:red'; } }, onLoadSuccess:function(data){ var rows = data.rows; for (var j = 0; j < rows.length; j++) { if (parseInt(rows[j]["ksrs"]) > 0) { $(".datagrid-

JQuery easyUi datagrid 中 editor 动态设置最大值最小值

前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考. 问题 JQuery easyUi datagrid 可编辑行的editor属性具有 min 和 max 属性,设置可以输入的最大值和最小值,但是这个是固定的,如下: [html] view plain copy {field:'workRate',title:'<%/*填报*/%><bean:message key="task.wo

jquery easyui datagrid使用参考

转载:http://www.cnblogs.com/youring2/archive/2013/03/01/2938661.html 创建datagrid 在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid.代码如下: 页面上的div标签: <div id="magazineGrid"> </div> js代码: $('#magazineGrid').datagrid({ height: 340, url: 'u