UpdatePanel 笔记 13 Ajax Control Toolkit 控件包--2. CollapsiblePanel (展开和折叠效果）

第十三篇: Ajax Control Toolkit 控件包--2. CollapsiblePanel (展开和折叠效果）

1. 新建 Web窗体: CollapsiblePanel.aspx , 添加一个 ScriptManager 控件,一个 CollapsiblePanel 控件(设置  TargetControlID 为: Panel1)
2. 插入一个 一行一列 的表格.(添加 id="table1")

Code
    <style type="text/css">
        .style1
        {
            width: 300px;
            float: left;
            border-color: #c0c0c0;
            border-width: 0;
            background-color: #0000FF;
            cursor: pointer;
        }
    </style>

        <table id="table1" cellpadding="0" cellspacing="0" class="style1">
            <tr>
                <td>
                    &nbsp;</td>
            </tr>
        </table>

3. 在表格里放一个 Label 控件(文字不要)
4. 在表格下面放一个 Panel 控件(设置:  高:200 宽:300  背景色)


5. 最后一步:给 CollapsiblePanel 控件添加属性


6. OK ,试试看 !!