Jqgrid 鼠标旋停显示框实现

需求:当鼠标移至审核状态时,浮层显示未通过原因。。。


 {name: "auditStatusDesc",align:"center",sortable:false,formatter:function(cellvalue,options,rowObject){
			        	  if(rowObject.auditStatus == "<%=Constants.ORDER_COST_AUDIT_NOPASS_AUDIT%>"){
				        	  return "<span title='"+'审核说明:'+rowObject.remark+"' class='autotip'>"+rowObject.auditStatusDesc+"</span>";
		        		  }else{
				        	  return rowObject.auditStatusDesc;
		        		  }
			          }},




			rowList: [10,20,30],
			page: 1,
			pager: "#pager",
			viewrecords: true,
			height: "auto",
			autowidth: true,
			gridview:false,
			autoencode: true,
			sortname: "o.nc_create_date",
			sortorder: "desc",
			multiselect: true,
			beforeRequest: jqGridBeforeRequest,
			gridComplete: function(data){//加上此处
				$( ".autotip" ).tooltip();
			}
		}).navGrid("#pager", {
			refresh: false,
			edit: false,
			add: false,
			del: false,
			search: false
		});



  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jqGrid 5.2.1 中,`colMenu` 已经被废弃,取而代之的是 `columnChooser`。因此,这里提供的是如何在 jqGrid 5.2.1 中实现 `columnChooser` 的记忆功能。 实现 `columnChooser` 的记忆功能,可以参考以下步骤: 1. 在 `columnChooser` 中,使用 `done` 事件来获取当前的列状态,并将其存储在 Cookie 中。 2. 在 jqGrid 的 `loadComplete` 事件中,根据 Cookie 中存储的状态,重新设置列的隐藏/显示状态。 以下是一个示例代码片段,展示如何在 jqGrid 5.2.1 中实现 `columnChooser` 的记忆功能: ```javascript // 定义colModel数组 var colModel = [ { name: 'id', hidden: true }, { name: 'name', width: 100 }, { name: 'age', width: 50 }, { name: 'address', width: 150 } ]; // 定义colNames数组 var colNames = ['ID', '姓名', '年龄', '地址']; // 设置jqGrid $('#grid').jqGrid({ url: 'data.json', colModel: colModel, colNames: colNames, // 使用columnChooser colMenu: false, columnChooser: true, // 绑定columnChooser的done事件 done: function() { var cookieName = 'gridColStates'; var hiddenCols = []; // 获取当前列的隐藏状态 $(this).jqGrid('getGridParam', 'colModel').forEach(function(col) { if (col.hidden) { hiddenCols.push(col.name); } }); // 将隐藏状态存储在Cookie中 $.cookie(cookieName, hiddenCols.join(','), { expires: 7 }); }, loadComplete: function() { // 从Cookie中获取列的隐藏状态 var cookieName = 'gridColStates'; var hiddenCols = $.cookie(cookieName) ? $.cookie(cookieName).split(',') : []; // 遍历列模型,设置每列的隐藏状态 for (var i = 0, len = colModel.length; i < len; i++) { var colName = colModel[i].name; if ($.inArray(colName, hiddenCols) > -1) { $(this).jqGrid('hideCol', colName); } else { $(this).jqGrid('showCol', colName); } } } }); ``` 在上述示例中,我们定义了一个名为 `gridColStates` 的 Cookie,用于存储列的隐藏状态。在 `columnChooser` 的 `done` 事件中,我们获取当前的列状态,并将其存储在 Cookie 中。在 `loadComplete` 事件中,我们从 Cookie 中获取隐藏状态,并根据需要隐藏或显示每一列。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值