2014年1月21日 星期二

[AJAX] Ajax Control Toolkit

Ajax Control Toolkit Tutorials
官方教學 :  裡面有完整範例STEP BY STEP

安裝紀錄 :
1.NUGET 下
2.工具箱->新增索引->名字打ajax ....
3.瀏覽 找到你存放的Ajax Control Toolkit.dll
4.按下確定 ->搞定!!



舉例: 官方教學

Creating a Simple Accordion

In this tutorial, you learn how to add an Ajax Control Toolkit Accordion to a page and show three panes of content. There are four steps: (1) Add a ToolkitScriptManager (2) Add an Accordion (3) Add AccordionPanes (4) Add Accordion styles.

To learn how to install the Ajax Control Toolkit, see the Ajax Control Toolkit page.

Add a ToolkitScriptManager

Add an Accordion

Next, in source view, you need to add an Accordion control. You can drag the Accordion control from the Toolbox or type the tag yourself:

Add AccordionPanes

Next, in source view, add one or more AccordionPane controls. The Accordion displays a single AccordionPane at a time. Notice that each AccordionPane contains both aheader and content tag. 

Add Accordion Styles

An Accordion without any Cascading Style Sheet styles applied to it does not look very nice. The final step is to add one or more styles to the Accordion control:

Notice that the page contains the definition of four Cascading Style Sheet classes named accordion, accordionHeader, accordionHeaderSelected, and accordionContent. These styles are applied to the Accordion control by setting the CssClass, HeaderCssClass, HeaderSelectedCssClass, and ContentCssClass properties.

沒有留言:

張貼留言