EasyUI(4) 扩展datagrid鼠标移到列或行表格上显示详细信息(tooltip功能)

效果图:(当列或行消息显示不完的时候,鼠标移上去会扩展所要显示的信息[即详细信息] 更有利于用户体验~)

第一步:引入下面所需js插件

<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.getDom.js"></script>
<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.getColumnInfo.js"></script>
<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.getRowData.js"></script>
<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.tooltip.js"></script>

温馨小提示:可以浏览器网址输入上面src里面的路径下载到本地中保存使用哦!

第二步:加上属性 rowTooltip: false   和  tooltip:'true'      配合使用即可实现效果


温馨小提示:也可以去EasyUI扩展库中学习此效果  http://www.easyui-extlib.com/

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页