others.aspx

来自「ajax实例,可以了解ajax的原理」· ASPX 代码 · 共 50 行

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Others.aspx.cs"
    Inherits="ClientScripting_SysUI_Others" Title="Sys.UI Other Class" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <fieldset>
        <legend>title</legend>
        <div id="parentDiv">
            <div id="childDiv">
                aabbcc
            </div>
        </div>
        <div>
            <input type="button" id="btnHide" onclick="btnHide_onclick()" value="VisibilityMode.hide" />
            &nbsp;
            <input type="button" id="btnCollapse" onclick="btnCollapse_onclick()" value="VisibilityMode.collapse" />
        </div>
    </fieldset>

    <script type="text/javascript" language="javascript">
            
        // 让元素“childDiv”变为Control
        var a = new Sys.UI.Control($get('childDiv'));
        // 让元素“parentDiv”变为Control
        var b = new Sys.UI.Control($get('parentDiv'));

        // 先取得a的父控件，然后再取得这个父控件的id
        alert(a.get_parent().get_id());
        // 让控件“a”变为元素，然后取得这个元素的id
        alert(a.get_element().id);

        function btnHide_onclick()
        {
            // 隐藏控件a
            a.set_visible(false);
            // 隐藏方式为hide，占用页面空间
            a.set_visibilityMode(Sys.UI.VisibilityMode.hide);
        }
        
        function btnCollapse_onclick()
        {
            // 隐藏控件a
            a.set_visible(false);
            // 隐藏方式为collapse，不占用页面空间
            a.set_visibilityMode(Sys.UI.VisibilityMode.collapse);
        }
        
    </script>

</asp:Content>