C# DataGrid-如何在鼠标上方显示隐藏模板字段的内容
我使用DataGrid来显示信息(例如书店的名称和地址),我想在MouseOver的工具提示中显示营业时间。我想在MouseOver上显示的信息位于TemplateField中,Visible porperty设置为false 我怎样才能做到这一点?我必须使用javascript和css吗C# DataGrid-如何在鼠标上方显示隐藏模板字段的内容,c#,asp.net,C#,Asp.net,我使用DataGrid来显示信息(例如书店的名称和地址),我想在MouseOver的工具提示中显示营业时间。我想在MouseOver上显示的信息位于TemplateField中,Visible porperty设置为false 我怎样才能做到这一点?我必须使用javascript和css吗 Thanx是的,您无法在服务器端执行,因此它是javascript和css 最简单的方法可能是将Visible属性再次设置为true(我不知道它是如何隐藏的…),然后将样式类应用于要弹出的: .hidden
Thanx是的,您无法在服务器端执行,因此它是javascript和css 最简单的方法可能是将
Visible
属性再次设置为true
(我不知道它是如何隐藏的…),然后将样式类应用于要弹出的
:
.hidden
{
display: none;
}
另外,给出
和id
(必须是唯一的,标记才能验证)。然后,您可以使用一个整洁的javascript库来显示和隐藏工具提示,该库使编写客户端代码时的许多事情变得更加容易,它包含以下代码:
$(document).ready(function() {
$('#theMouseOverElement').hover(
function() {
$('#theToolTip').show();
},
function() {
$('#theToolTip').hide();
}
);
});
如果上面的代码看起来像jibberish,请查看jQuery,尤其是and函数。是的,您将无法在服务器端执行,因此它是javascript和css 最简单的方法可能是将
Visible
属性再次设置为true
(我不知道它是如何隐藏的…),然后将样式类应用于要弹出的
:
.hidden
{
display: none;
}
另外,给出
和id
(必须是唯一的,标记才能验证)。然后,您可以使用一个整洁的javascript库来显示和隐藏工具提示,该库使编写客户端代码时的许多事情变得更加容易,它包含以下代码:
$(document).ready(function() {
$('#theMouseOverElement').hover(
function() {
$('#theToolTip').show();
},
function() {
$('#theToolTip').hide();
}
);
});
如果上面的代码看起来像jibberish,请查看jQuery,尤其是and函数。您将无法“看到”TemplateField的内容,因为在aspx中将Visible
属性设置为false时,html甚至不会被呈现,因此在客户端上不可用
您需要的是将要隐藏/显示的内容放入
标记中,通过设置显示:隐藏,默认情况下不可见在css类中,然后使用JavaScript动态更改显示属性,以及希望“工具提示”显示在鼠标附近的位置
下面是一个网络广播系列的示例,它演示了如何使用执行此操作,您将无法“查看”TemplateField的内容,因为当您在aspx中将Visible
属性设置为false时,html甚至不会呈现,因此在客户端上不可用
您需要的是将要隐藏/显示的内容放入
标记中,通过设置显示:隐藏,默认情况下不可见在css类中,然后使用JavaScript动态更改显示属性,以及希望“工具提示”显示在鼠标附近的位置
下面是一个网络广播系列的一部分,展示了如何使用