Sys.UI.DomElement setVisibilityMode 메서드
업데이트: 2007년 11월
Sys.UI.DomElement.setVisible 메서드를 호출하여 DOM 요소를 숨긴 경우 해당 요소의 레이아웃 특성을 설정합니다. 이 멤버는 정적 멤버이며 클래스의 인스턴스를 만들지 않고 호출할 수 있습니다.
Sys.UI.DomElement.setVisibilityMode(element, Sys.UI.VisibilityMode.hide);
매개 변수
값 |
정의 |
|---|---|
element |
대상 DOM 요소입니다. |
value |
Sys.UI.VisibilityMode 열거형 값입니다. |
설명
setVisibilityMode 메서드를 사용하면 Sys.UI.DomElement.setVisible 메서드를 호출하여 DOM 요소를 숨긴 경우 해당 요소의 레이아웃 특성을 설정할 수 있습니다. 예를 들어 value를 Sys.UI.VisibilityMode.collapse로 설정하는 경우 setVisible 메서드를 호출하여 요소를 숨기면 해당 요소는 페이지에서 공간을 차지하지 않습니다.
예제
다음 예제에서는 setVisibilityMode 메서드를 사용하는 방법을 보여 줍니다.
<!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 setVisibilityMode 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);
// This method is 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>