.Text中的Advanced Panel学习笔记

.Text中的用户文章管理界面是使用Advanced Panel的主要界面。Advanced Panel与普通WebPanel相比，多提供一个Header栏，并且可以不使用任何代码实现折叠[Collapsing]功能，这是该控件最有特色的地方。

控件常用属性
1. Collapsible属性
    该属性为bool型，如果为true，该控件会在右侧显示一个折叠按钮，用于显示或隐藏Panel所包含的内容。否则不显示按钮，该控件变为不可折叠的panel。
2. Collapsed属性
    该属性为bool型，默认值为false，初始化时会显示panel容器中的所有内容；如果为true，初始化时，panel容器中的内容不会显示出来。如果为true，显示效果如下：

[图1]
图中，只能看到Panel的Header，但看不到Panel具体内容，只有点击右侧的折叠切换按钮才可以看到。
3. LinkBeforeHeader属性
    该属性为bool型，默认值为false。如果为false，右面的折叠按钮会显示在Header的右下方，效果如图2

[图2]
    如果为true，则像图1一样显示折叠按钮
4. HeaderText属性
    该属性为string型，用于设置Header标题的内容，例如图2中的HeaderText的值为Edit Post
5. LinkImageCollapsed属性
    该属性为string型，用于设置折叠按钮处于“折叠”状态的图片路径。
6. LinkImage属性
    该属性为string型，用于设置折叠按钮处于“展开”状态的图片路径。
7. BodyCssClass属性
    该属性为string型，用于设置内容显示区的样式。注意，由于内容显示区的实际上是一个div层，设置的样式要符合<div>的属性，不要出现不能设置的属性。.Text中的BodyCssClass="Edit"，设置如下：
   

div.Edit  {}{
    color: #333333;
    border-bottom: 1px solid #AAAAAA;
    margin-bottom: 8px;
    padding: 4px 12px;
    background: #f5f5f5;
}