侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130555 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

扩展 EasyUI DataGrid tooltip

2024-05-10 星期五 / 0 评论 / 0 点赞 / 7 阅读 / 1231 字

/** * Datagrid扩展方法tooltip 基于Easyui 1.3.3,可用于Easyui1.3.3+ * 简单实现,如需高级功能,可以自由修改 * 使用说明: * 在easyui.mi

/** * Datagrid扩展方法tooltip 基于Easyui 1.3.3,可用于Easyui1.3.3+ * 简单实现,如需高级功能,可以自由修改 * 使用说明: *   在easyui.min.js之后导入本js *   代码案例:   datagrid的onLoadSuccess 方法中添加如下代码: *		$("#dg").datagrid({....}).datagrid('tooltip'); 所有列 *		$("#dg").datagrid({....}).datagrid('tooltip',['productid','listprice']); 指定列 * @author ____′↘夏悸 */$.extend($.fn.datagrid.methods, {	tooltip : function (jq, fields) {		return jq.each(function () {			var panel = $(this).datagrid('getPanel');			if (fields && typeof fields == 'object' && fields.sort) {				$.each(fields, function () {					var field = this;					bindEvent($('.datagrid-body td[field=' + field + '] .datagrid-cell', panel));				});			} else {				bindEvent($(".datagrid-body .datagrid-cell", panel));			}		});		function bindEvent(jqs) {			jqs.mouseover(function () {				var content = $(this).text();				$(this).tooltip({					content : content,					trackMouse : true,					onHide : function () {						$(this).tooltip('destroy');					}				}).tooltip('show');			});		}	}});

 

广告 广告

评论区