如何在 jqGrid 中显示图像的工具提示？答案

【问题标题】：HOw to show the tooltip for an image in the jqGrid?如何在 jqGrid 中显示图像的工具提示？
【发布时间】：2009-12-02 04:59:35
【问题描述】：

如何在 jqGrid 中显示图像的工具提示？

【问题讨论】：

标签： jquery-ui jquery-plugins jqgrid tooltip

【解决方案1】：

你检查了吗>>> Custom Data ToolTips for jqGrid

【讨论】：

【解决方案2】：

您可以为此使用 jquery 的 qtip 插件。就我而言，当特定 jqgrid 单元格获得焦点时，我必须显示工具提示。

LoadToolTipRackId = function (elem) {

    jQuery(elem).qtip({
        content: 'this is an image',
        show: 'focusin',
        hide: 'focusout',
        style:
    {

        name: 'red',
        tip: 'leftBottom',
        textAlign: 'left',
        fontWeight: '500',
        fontSize: '11px'

    },
        position:
    {
        corner:
        {
            target: 'rightMiddle',
            tooltip: 'leftBottom'
        }
    }
    });
}

您可以访问以下链接以了解有关 qtip 插件的更多信息 http://craigsworks.com/projects/qtip/

而我必须在 colmodel 中的 jqgrid 中设置以下列属性

editoptions: { size: 7, defaultValue: '0.00000', maxlength: 15, dataInit: LoadToolTipRackId}

【讨论】：