Question

我正在使用DataGrid来显示信息（例如书店的名称和地址），我想在工具提示onmouseover上显示开放时间。我想在onmouseover上显示的信息位于TemplateField中，Visible porperty设置为false。

我怎样才能实现这一目标？我必须使用javascript和css吗？

感谢名单

Answer 1

是的，你将无法在服务器端执行此操作，因此它是javascript和css。

最简单的方法可能是再次将Visible属性设置为true（我不知道它是如何隐藏的......），然后应用样式类要弹出的<div>：

.hidden
{
     display: none; 
}

另外，请提供<div>和id（它必须是唯一的标记才能验证）。然后，您可以使用jQuery，一个简洁的javascript库，在编写客户端代码时可以更轻松地使用以下代码显示和隐藏工具提示：

$(document).ready(function() {
    $('#theMouseOverElement').hover(
        function() {
            $('#theToolTip').show();
        },
        function() {
            $('#theToolTip').hide();
        }
    );
});

如果上面的代码看起来像是乱七八糟，请查看jQuery documentation，尤其是hover和show/hide函数。

Answer 2

您将无法“看到”TemplateField的内容，因为当您在aspx中将Visible属性设置为false时，html甚至不会呈现，因此将无法使用在客户端。

您想要隐藏/显示在<div>标记内的内容，默认情况下通过在css类中设置display: hidden;不可见，然后使用JavaScript动态更改显示属性，如果您希望“工具提示”出现在鼠标附近，也可以是位置。

以下是网络广播系列的link，其中介绍了如何使用jQuery

执行此操作（以及其他内容）

DataGrid - 如何在鼠标悬停时显示隐藏的TemplateField的内容

2 个答案: