ComponetArt控件使用笔记

 

1       概述:

对于控件的使用可以参见控件的使用说明文当(英文版),下面只是介绍与我们使用这套控件相关的使用注意事项.

2       控件介绍:

2.1    CallBack控件

使用callback控件可以提高我们网页执行的效率(可以只执行指定控件的刷新,而不用刷新无关的控件),这是我们推荐的控件之一.

2.1.1   注意事项:

l         一个callback控件内的所有控件会一起刷新,对于一个页面我们可以使用多个callback控件来把不同时间进行刷新的控件分成几组.

l         对于callback控件内的控件的布局问题:所有callback控件内的子控件都是相对于callback控件来定位的,都是相对布局,需要在html内部进行手动调整.

l         Callback内的子控件设定好后,千万不要修改callback控件的大小等属性,否则内部控件的html代码会全部丢失，最好先调整好这个控件，再处理内部的控件。

l         本控件与事件的绑定最好前端绑定，后端绑定会经常丢失绑定关系部分。

l         使用机理：使用脚本让其他控件调用本控件，本控件再触发关联事件；即使用其他控件的客户端方法间接的调用本控件的后台事件。

2.2    OutLookBar

 

2.2.1   注意事项:

l         对于展现方式的设置（只展开一个还是用户自己打开几个就展开几个）可以通过属性ExpandSinglePath的设置来达到目的。True时只打开一个，而false时则是后者。

l         某一个组展开则设属性Expanded="true"即可，默认这个属性为false

 

2.2.2   模板制作

其实很简单，只要在标记Templates和Template内放置一些自己想要的控件并进行布局定义即可，而且模板可以嵌套。如

<Templates>

//第一个模板

<componentart:NavigationCustomTemplate ID="CalendarTemplate">

<Template>

      

</Template>

</componentart:NavigationCustomTemplate>

//第二个模板

<componentart:NavigationCustomTemplate ID="FolderListTemplate">

<Template>

<ComponentArt:TreeView id="TreeView1" Width="194" Height="382" AutoScroll="true" DragAndDropEnabled="true"                         runat="server"></ComponentArt:TreeView>

</Template>

</componentart:NavigationCustomTemplate>

</Templates>

2.2.3   条目风格定制

也很简单，componetArt控件很多的item风格的控制都是通过类似如下的代码来进行控制的，使用时只要指定相应的属性值为我们定义的ItemLook的ID即可，定义如下：

<ItemLooks>

<componentart:ItemLook HoverCssClass="TopItemHover" LeftIconHeight="24px" LeftIconUrl="top_folder.gif"

LabelPaddingLeft="15px" LeftIconWidth="30px" LookId="TopItemLook" CssClass="TopItem">

</componentart:ItemLook>

 

<componentart:ItemLook HoverCssClass="Level2ItemHover" LeftIconHeight="16px" LabelPaddingLeft="10px" LeftIconWidth="16px"

          LookId="Level2ItemLook" CssClass="Level2Item">

</componentart:ItemLook>

       </ItemLooks>

2.3    Snap

 这是一个很好玩的控件，可以将一部分内容在界面上拖来拖去。

2.3.1   注意事项：

DockingContainers属性：一旦内容确定好后，不能修改，否则内容将全部丢失（模板内容一般不会丢）。它的意义是用来制