在 JQGrid 中显示工具提示

Question

我正在使用 jqgrid 显示我需要在所有单元格中“单击此处编辑”和“单击此处删除”删除按钮单元格的数据

在 jqgrid 中显示这种工具提示的最佳方式是什么？

是否可以加上

colNames: ['ROLEID', "Name", "", ""], 
colModel: [
    { name: 'ROLEID', index: 'ROLEID', width: 10, hidden: true, key: true }, 
    { name: 'ROLENAME', index: 'ROLENAME', width: 50, editable: true,
        search: false}, 
    { name: '', index: '', search: false, width: 30, align: "center",
        formatter: function (cellvalue, options, rowObject) {
            var btnDelete =
                '<div class="round-icon-btn close right delete_step" id=btnId_' +
                 options.rowId + ' ></div>';
            return btnDelete;
        }},

Answer 1

您可以使用cellattr 属性在列中设置自定义工具提示：

{ name: 'mydelete', search: false, width: 30, align: "center",
    cellattr: function () { return ' title="Click here to delete"'; },
    formatter: function (cellvalue, options, rowObject) {
        var btnDelete =
            '<div class="round-icon-btn close right delete_step" id=btnId_' +
             options.rowId + ' ></div>';
        return btnDelete;
    }}

此外，我认为自定义按钮上的id 属性设置并不是真正需要的。要处理单击自定义按钮，您可以使用 onCellSelect 或 beforeSelectRow 回调。见the answer、this one、this old one。

Answer 2

请看一下这个讨论

http://www.trirand.com/blog/?page_id=393/help/tooltip-on-row-hover-with-ajax-content-solution/