Question

我正在使用jqgrid显示我需要的数据＆＃34;点击此处编辑＆＃34;在所有单元格和＆＃34;点击此处删除＆＃34;删除按钮单元格

这是在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/

在JQGrid中显示工具提示

2 个答案: