jqgrid通过formatter进行自定义单元格元素详解

formatter是一个格式化的函数,可以对jqgrid的单元格进行格式化,同时,还能用来自定义单元格元素,用来添加标签。

函数原型:

function customFmatter(cellvalue, options, rowObject){   
  
} 

其中cellvaule,是该单元格的值,这个怎么理解呢,如果该列绑定了数据,如下:

{ 
							label: 'IsMarked',
							name: 'IsEdit',
							index: 'IsEdit',
							sortable: true,
							align: 'center',
							width: 40,

						}

那么cellvalue在是每行记录中,’IsEdit’对应的值。如果我们没有绑定数据,那这个参数是未定义的。

options里面是模型设定的相关信息,如下:

《jqgrid通过formatter进行自定义单元格元素详解》这里最主要的是rowId,因为每一列是的rowId是唯一的,那么根据rowId便可以将生成的自定义单元格与各自的行联系在一起。

rowObject其实就是每一行记录的传过来的数据,如下:

《jqgrid通过formatter进行自定义单元格元素详解》

下面开始讲解,如何自定义单元格元素与每行联系在一起,通过以下的格式化函数咋每行生成一个包含两个a标签的单元格,用a = options['rowId'];获得了其ID,并且将其传入js代码d的超链接中:

formatter: function (rowId, options, row) { 
								console.log(options)
								console.log(row)
								

								var btn = "";
								a = options['rowId'];
								btn += '&nbsp;<a href="javascript:onDtl('
									+ a
									+ ')"class="mesq">MarkIt</a>&nbsp;'
								btn += '&nbsp;<a href="javascript:onDel('
									+ a
									+ ')"class="mesd">Detial</a>&nbsp;'
								return btn;
							}

js代码如下:

function onDtl(a) { 
			b = $("#grid").getCell(a, "pdfname");
			username = $('#username').text()
			window.open(src = '/pdf/mark/?' + 'pdfname=' + b + '&' + 'username=' + username, 'target', '');

		}
		

这里实现了获得每行显示的pdf的名字,并且,在新的标签页打开这个pdf文件。

    原文作者:月司
    原文地址: https://blog.csdn.net/yue81560/article/details/106393289
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞