datagrid 文本溢出时候 鼠标经过出现提示信息tooltip
2024-10-16 00:32:09
1只有文本溢出的单元格鼠标经过才显示提示信息
$('.datagrid-cell').mouseover(function () {
if (this.offsetWidth < this.scrollWidth) {
var content = $(this).text();
$(this).tooltip({
content: content,
trackMouse: true,
onHide: function () {
$(this).tooltip('destroy');
}
}).tooltip('show');
}
});
//一下是绑定事件位置
Easyui.$myview = $.extend({}, $.fn.datagrid.defaults.view, {
onAfterRender: function (target) {
$.fn.datagrid.defaults.view.onAfterRender.call(this, target);
var opts = $(target).datagrid('options');
var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
vc.children('div.datagrid-empty').remove();
if (!$(target).datagrid('getRows').length) {
var d = $('<div class="datagrid-empty"></div>').html(opts.emptyMsg || 'no records').appendTo(vc);
d.css({
position: 'absolute',
left: 0,
top: 50,
width: '100%',
textAlign: 'center'
});
}
$(target).datagrid("fixRownumber");//自适应rownumber
$('.datagrid-cell').mouseover(function () {
//判断文本是否溢出
if (this.offsetWidth < this.scrollWidth) {
var content = $(this).text();
$(this).tooltip({
content: content,
trackMouse: true,
onHide: function () {
$(this).tooltip('destroy');
}
}).tooltip('show');
}
});
}
});
Easyui.datagrid = function (/*object*/options) {
var $dg = $('#' + options.datagridId);
var _options = $.extend({
loadMsg: '数据加载中,请稍后……',
method: 'post',
pageList: [15, 20, 30, 50],
pageSize: 50,
toolbar: '#dg_toorbar',
fit: true,
pagination: true,
border: false,
rownumbers: true,
striped: true,
view: Easyui.$myview,
singleSelect: true,
fitColumns: true,
emptyMsg: '未找到符合条件的数据',
cache: false
}, options);
if (options.formId && $(options.formId).form('validate')) {
_options.queryParams = $(options.formId).form('serialize');
}
$dg.datagrid(_options);
};
最新文章
- javascript 创建对象的7种模式
- C语言中,定义的含义?声明的含义?它们之间的区别是什么?
- vim编辑器详解
- ARM11 S3C6410 硬件浮点(VFP)实现
- 转:Singleton模式
- Codeforces Round #365 (Div. 2) A 水
- OpenMP多线程linux下的使用,简单化
- 15个带示例的jQuery滚动条插件
- Rails 撤销操作
- POJ 2570
- Struts2的Stack Context和ValueStack
- CSU 1506(最小费用最大流)
- mbatis_逆向工程
- 关于JAVA实现二维码以及添加二维码LOGO
- make、make clean、make install、make uninstall、make dist、make distcheck和make distclean
- React-propsType和defaultProps
- org.jsoup.Jsoup找不到jar包问题解决思路
- 解决cpplint在Python 3下没有任何输出的问题
- CentOS入门
- 安装Java语言的jdk,配置java环境变量