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');
            });
        }

 

==============================

datagrid页面初始化时候不加载数据，点查询时候才显示数据。

定义时候不要指定URL，查找中才指定即可。

 function Find(gridID) {
            $('#' + gridID).datagrid({ url: 'AlarmSentView.aspx?ClientID=gvList',
                queryParams: { ID: $("#txtID").val(),
                    sysnum: $("#txtsysnum").val(),
                    alarm_type: $("#ddlalarm_type").combobox('getValue'),
                    msg_uc: $("#ddlmsg_uc").combobox('getValue'),
                    called: $("#txtcalled").val()
                }
            });
        }