Метод Sys.UI.DomElement getVisibilityMode
Возвращает значение, представляющее характеристики разметки скрытого элемента DOM путем вызова метода Sys.UI.DomElement.setVisible. Этот элемент является статическим и его можно вызывать, не создавая экземпляр класса.
var v = Sys.UI.DomElement.getVisibilityMode(element);
Параметры
Термин |
Определение |
|---|---|
element |
Целевой элемент DOM. |
Возвращаемые значения
Значение перечисления Sys.UI.VisibilityMode, указывающее характеристики разметки element, если он скрыт путем вызова метода setVisible.
Заметки
Использует метод getVisibilityMode для определения характеристик разметки скрытого элемента путем вызова метода DOMSys.UI.DomElement.setVisiblesetVisible. Например, если value принимает значение Sys.UI.VisibilityMode.hide, элемент занимает место при вызове метода setVisible для скрытия элемента.
Сведения о том, как установить характеристики разметки скрытых элементов DOM, см. Метод Sys.UI.DomElement setVisibilityMode.
Пример
В следующем примере показано, как использовать метод getVisibilityMode.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Example of getVisibilityMode Method</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true" />
<asp:UpdatePanel ID="UpdatePanel1"
runat="server"
ChildrenAsTriggers="False"
UpdateMode="Conditional">
<ContentTemplate>
<asp:Panel ID="Panel1"
runat="server"
GroupingText="Update Panel">
<br />
<asp:Label ID="Label1"
runat="server"
BackColor="Blue"
ForeColor="White"
Text="Label1"></asp:Label>
<p></p>
<asp:Button ID="Button1"
runat="server"
Text="Toggle Visibility of Label1" />
<asp:Button ID="Button2"
runat="server"
Text="Toggle VisibilityMode of Label1" />
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
<script type="text/javascript">
// Add handlers using the $get shortcut to the
//Sys.UI.DomElement.getElementById method
$addHandler($get("Button1"), "click", toggleVisible);
$addHandler($get("Button2"), "click", toggleVisibilityMode);
// Method called when Button2 is clicked
function toggleVisible() {
var anElement = $get("Label1");
if (Sys.UI.DomElement.getVisible(anElement)){
Sys.UI.DomElement.setVisible(anElement, false);
}
else{
Sys.UI.DomElement.setVisible(anElement, true);
}
}
// This method is called when Button1 is clicked.
function toggleVisibilityMode() {
var anElement = $get("Label1");
var visMode = Sys.UI.DomElement.getVisibilityMode(anElement);
var status = visMode
if (visMode === 0){
Sys.UI.DomElement.setVisibilityMode(anElement,
Sys.UI.VisibilityMode.collapse);
if (document.all)
{
anElement.innerText =
"Label1 VisibilityMode: Sys.UI.VisibilityMode.collapse";
}
else{
//Firefox
anElement.textContent =
"Label1 VisibilityMode: Sys.UI.VisibilityMode.collapse";
}
}
else{
Sys.UI.DomElement.setVisibilityMode(anElement,
Sys.UI.VisibilityMode.hide);
if (document.all)
{
anElement.innerText =
"Label1 VisibilityMode: Sys.UI.VisibilityMode.hide";
}
else{
//Firefox
anElement.textContent =
"Label1 VisibilityMode: Sys.UI.VisibilityMode.hide";
}
}
}
</script>