博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui_extension.js
阅读量:6673 次
发布时间:2019-06-25

本文共 2409 字,大约阅读时间需要 8 分钟。

$.extend($.fn.datagrid.methods,{

/**
* 开打提示功能
*
* @param {}
* jq
* @param {}
* params 提示消息框的样式
* @return {}
*/
doCellTip : function(jq, params) {

function showTip(data, td, e) {

if ($(td).text() == "")

return;

data.tooltip.text($(td).text()).css({

top : (e.pageY + 10) + 'px',
left : (e.pageX + 20) + 'px',
'z-index' : $.fn.window.defaults.zIndex,
display : 'block'
});
}
;
return jq
.each(function() {
var grid = $(this);
var options = $(this).data('datagrid');
if (!options.tooltip) {
var panel = grid.datagrid('getPanel')
.panel('panel');
var defaultCls = {
'border' : '1px solid #333',
'padding' : '1px',
'color' : '#333',
'background' : '#f7f5d1',
'position' : 'absolute',
'max-width' : '700px',
'border-radius' : '4px',
'-moz-border-radius' : '4px',
'-webkit-border-radius' : '4px',
'display' : 'none'
};
var tooltip = $(
"<div id='celltip'></div>")
.appendTo('body');
tooltip.css($.extend({}, defaultCls,
params.cls));
options.tooltip = tooltip;
panel
.find('.datagrid-body')
.each(
function() {
var delegateEle = $(
this)
.find(
'> div.datagrid-body-inner').length ? $(
this)
.find(
'> div.datagrid-body-inner')[0]
: this;
$(delegateEle)
.undelegate(
'td',
'mouseover')
.undelegate(
'td',
'mouseout')
.undelegate(
'td',
'mousemove')
.delegate(
'td',
{
'mouseover' : function(
e) {
if (params.delay) {
if (options.tipDelayTime)
clearTimeout(options.tipDelayTime);
var that = this;
options.tipDelayTime = setTimeout(
function() {
showTip(
options,
that,
e);
},
params.delay);
} else {
showTip(
options,
this,
e);
}

},

'mouseout' : function(
e) {
if (options.tipDelayTime)
clearTimeout(options.tipDelayTime);
options.tooltip
.css({
'display' : 'none'
});
},
'mousemove' : function(
e) {
var that = this;
if (options.tipDelayTime) {
clearTimeout(options.tipDelayTime);
options.tipDelayTime = setTimeout(
function() {
showTip(
options,
that,
e);
},
params.delay);
} else {
showTip(
options,
that,
e);
}
}
});
});

}

});

},
/**
* 关闭消息提示功能
*
* @param {}
* jq
* @return {}
*/
cancelCellTip : function(jq) {
return jq.each(function() {
var data = $(this).data('datagrid');
if (data.tooltip) {
data.tooltip.remove();
data.tooltip = null;
var panel = $(this).datagrid('getPanel').panel(
'panel');
panel.find('.datagrid-body').undelegate('td',
'mouseover').undelegate('td',
'mouseout').undelegate('td',
'mousemove');
}
if (data.tipDelayTime) {
clearTimeout(data.tipDelayTime);
data.tipDelayTime = null;
}
});
}
});

 

转载地址:http://ndlxo.baihongyu.com/

你可能感兴趣的文章
python网络爬虫进入(一)——简单的博客爬行动物
查看>>
好玩的SQL
查看>>
TFS Express backup and restore
查看>>
fastjson初始化对性能的影响(转)
查看>>
确定只出现曾有两位数字数组
查看>>
Facebook 调试工具Stetho配置入门
查看>>
win7安装ruby on rails开发环境
查看>>
.Net程序员安卓学习之路6:等待条
查看>>
[CareerCup] 6.3 Water Jug 水罐问题
查看>>
jQ效果:地址栏链接与a标签链接匹配
查看>>
poj 3180 The Cow Prom(tarjan+缩点 easy)
查看>>
【开源】Ionic项目实例《Ionic中文社区》
查看>>
求两个对角向上、列索引是偶数的元件和。
查看>>
ASP.NET农历时间显示(两)
查看>>
Java,JSP,JavaScript三和差异
查看>>
MySQL 调优基础(二) Linux内存管理
查看>>
netperf 而网络性能测量
查看>>
java反思reflect 分析Object物
查看>>
Java语法糖4:内部类
查看>>
android 消息推送
查看>>