easyui Datagrid添加ToolTips

1.首先添加 onLoadSuccess事件

data-options="onLoadSuccess:onLoadSuccess"

2. 表格中各个TD单元格添加mouseover事件

  function onLoadSuccess(data) {
            var panel = $(‘#gvList‘).datagrid(‘getPanel‘).panel(‘panel‘);
            panel.find(".datagrid-view2").find(‘.datagrid-btable tr>td‘).mouseover(function(e) {
                var index = $(this).parent().attr("datagrid-row-index");
                var row = $(‘#gvList‘).datagrid(‘getRows‘)[index];
                var content = "消息接受者:<font color=‘red‘>" + row.called + "</font>";
                content += "<br>消息内容:<font color=‘red‘>" + row.content + "</font>";
                content += "<br>发送结果:<font color=‘red‘>" + row.send_result + "</font>";
                $(this).tooltip({ content: content, trackMouse: true }).tooltip(‘show‘);
            });
        }

文章来自:http://www.cnblogs.com/weiguo526/p/4171033.html
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3