时间:2021-05-28
1:这个东西是我抄的(抄的哪儿的我就想不起来了- -)弹出的窗没有样式 不是很好看
//扩展$.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' : '200px', 'border-radius' : '4px', '-moz-border-radius' : '4px', '-webkit-border-radius' : '4px', 'display' : 'none' } var tooltip = $("<div></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; } }); } });调用方法1:
function doCellTip(){ $('#dg').datagrid('doCellTip',{'max-width':'100px'}); } function cancelCellTip(){ $('#dg').datagrid('cancelCellTip'); }调用方法2:
onLoadSuccess:function(data){ $('#dg').datagrid('doCellTip',{cls:{'background-color':'red'},delay:1000}); }以上所述是小编给大家介绍的EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
复制代码代码如下:单元格A单元格A单元格A单元格A单元格合并行A单元格B单元格B单元格B单元格B单元格合并行B//指定页面区域内容导入Excelfunction
在拖放选定的一个或多个单元格至新位置的同时,按住Shift键可以快速修改单元格内容的次序。方法为:选定单元格,按下Shift键,移动鼠标指针至单元格边缘,直
Excel中如何快速合并多个单元格内容呢?通常情况下,当同时选中多个单元格后,在合并时将自动只保留第一个单元格(即左上角单元格)内容,从而导致部分单元格内容
以Excel为例,要清除单元格内容可以使用delete键。按DELETE键清除单元格时,只能删除单元格内容,单元格的格式和批注却无法删除。 Microsoft
excel合并单元格很容易,但是Excel将多个单元格的内容合并到一个单元格中,这却有点难度的,那么在excel表格中如何将单元格文本合并到一个单元格?下面