1.jqgrid的formatter方法

通过formatter方法，可以更改当前单元格的值。如下主要展示将链接放置在当前单元格中。

colModel: [{name: "type",index: "type",editable: false,width: 80,sortable: false,align: 'center',formatter: cmgStateFormat3
}],

定义cmgStateFormat3方法：

//grid:当前单元格的值，即cellValue
//rows:{rowId, colModel,gid}
//state:当前行的值，是一个对象(state.textContent表示当前行所有单元格的值拼接而成)
function cmgStateFormat3(grid, rows, state){return "<a id='lianjie_"+rows.rowId+"' href='javascript:void(0)' style='color:blue' οnclick='method1("+rows.rowId+")'>文字说明1</a>";
}
/*
rows参数详解：
row.rowId:当前行序列号，从1开始
row.colModel即上面定义的colModel内容:
{"name": "type","index": "type","width": 80,"sortable": false,"title": true...}
row.gid:当前jqGrid的id，即$("#qryid").jqGrid({...})中的qryid
*/

页面debugger如下所示：

2.改变单元格链接字体的颜色

2.1 条件：其他列值

适用情况如下(根据当前行其他某列的值，改变当前单元格的链接字体颜色):

var value1=当前行其他某列值;
if(value1=='值1'){//链接字体颜色为red
}else{//链接字体颜色为blue
}

此时两种办法：

1.如果列较少且判断条件的值独特，可以直接在cmgStateFormat3方法中，通过state参数获取条件值。

function cmgStateFormat3(grid, rows, state){if(state.textContent.includes("phnwhdwe")){return "<a id='lianjie_"+rows.rowId+"' href='javascript:void(0)' style='color:red'         οnclick='method1("+rows.rowId+")'>文字说明1</a>";}else{return "<a id='lianjie_"+rows.rowId+"' href='javascript:void(0)' style='color:blue'    οnclick='method1("+rows.rowId+")'>文字说明1</a>";}
}

2.比较麻烦的，采用jqGrid的gridComplete方法，同样可以去获取条件值。

function reBuildGridData(e){var ids = $("#表id").getDataIDs(),x = ids.length; for(var i=0;i<x;i++) {var id = $("#表id").getCell(ids[i],1);var rule = $("#表id").getCell(ids[i],3);if (rule=='值1') { $("#lianjie_"+id).css("color","red");}           }
}

2.2 条件：当前列值

根据当前单元格的值，改变字体颜色，也只需要在定义的formatter方法中判断即可。

//是否有值，更改颜色
function cmgStateFormat3(grid, rows, state){if(typeof(grid)!="undefined"){return "<a href='javascript:void(0)' style='color:red'       οnclick='method1("+rows.rowId+")'>文字说明1</a>";}else{return "<a  href='javascript:void(0)' style='color:blue'      οnclick='method1("+rows.rowId+")'>文字说明1</a>";}
}
//判断值内容
function cmgStateFormat3(grid, rows, state){if(grid=="值1"){return "<a  href='javascript:void(0)' style='color:red'        οnclick='method1("+rows.rowId+")'>文字说明1</a>";}else{return "<a  href='javascript:void(0)' style='color:blue'      οnclick='method1("+rows.rowId+")'>文字说明1</a>";}
}

jqgrid的formatter方法相关推荐

jQuery学习笔记--JqGrid相关操作方法列表备忘重点讲解(超重要)
JqGrid相关操作备忘方法列表特别推荐:怎样获取某一方某一列的值: [html] view plaincopy var rowdata=jQuery("#list").jqG ...
jQuery学习笔记--JqGrid相关操作方法列表备忘重点讲解(超重要) from:jpr1990
JqGrid相关操作备忘方法列表 1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(js ...
vue中展示列表，类似formatter方法及在vue中点击页面信息事件
后台返回文件路径及文件名,前端展示只需要展示文件名,在Easyui中使用formatter方法很轻松就实现了,在vue中,需要使用过滤方式: formatterfj方法为截取字符串返回文件名该方法应 ...
掌握el-table的formatter方法，提升数据展示效果
前言数据可视化是现代软件开发中必不可少的一环.而在开发中,el-table 作为一款常用的表格组件,其通过 formatter 方法可以轻松实现数据格式化.本文将为大家详细介绍 el-table 的 ...
jqgrid的实用方法集合
//多选表格获取选择的值: var arraySelecteID = $("#gridParam").getGridParam("selarrrow"); // ...
jqgrid ajax reload,于jqgrid.trigger('reloadGrid')方法不能重新加载页面的问题
该楼层疑似违规已被系统折叠隐藏此楼查看此楼写了一段代码: function filterSaved() { $("#jQGridPOC").jqGrid('setGridPar ...
jQuery学习笔记--JqGrid相关操作方法列表（上）
1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(json):$("#gridi ...
Java工具包中的Formatter类
本文目录查看全文 http://www.taodudu.cc/news/show-3551048.html 相关文章: formatter 作用 java formatter 填充_Java For ...
jqgrid如何渲染表格数据_JqGrid 使用方法详解
JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人b ...

jqgrid的formatter方法

1.jqgrid的formatter方法

2.改变单元格链接字体的颜色

2.1 条件：其他列值

2.2 条件：当前列值

jqgrid的formatter方法相关推荐

最新文章

热门文章