如何创建一个从后端显示一些值的popover,并且popover必须在鼠标悬停在c#的标签上显示?

问题描述 投票:0回答:1

是否可以以简单的方式做到这一点?

有人可以回答.....!

这是标签的代码,鼠标悬停时,弹出窗口必须显示

<asp:Label ID="lblAuditInfo" runat="server" Text="Audit Info"></asp:Label>

提前致谢,

javascript c# asp.net
1个回答
0
投票

您可以使用Javascript库来呈现弹出窗口,例如qtip2。您可以使用AJAX加载它,而不是直接提供内容文本。这里我使用jQuery进行AJAX调用。

function registerTooltip_(element) {
    // load tooltip content from backend ...
    var loadContent = function () {
        return $.ajax({
            url: 'http://backend.com/tooltip',
            type: 'GET',
            data: { id: element.id }, // provide parameters for backend here!
        })
        .done(function (html) { // backend returns tooltip text or HTML markup
            return html;
        });
    };

    element.qtip({
        content: {
            text: loadContent
        },
        show: 'mouseenter',
        hide: 'unfocus mouseleave', // Unfocus = click anywhere but tooltip & target
    });
}
© www.soinside.com 2019 - 2024. All rights reserved.