Ajax學習札記(二)Accordion控制項

2022-04-28 18:33:08 字數 1286 閱讀 4725

accordion是第乙個控制項,言歸正傳,正式開始:

一.accordion 是乙個可以讓你在你的 web 頁面方便地開發類似 outlook 工具欄的 asp.net ajax 控制項。 它可以使得你的頁面使用者方便地展開或者關閉一系列頁面元素的顯示。

它有點類似多個 collapsiblepanels 控制項的組合。 但是在乙個時間內,它只能限制你的頁面使用者只能展開其中的乙個部分, 每乙個 accordion 控制項包括若干個 accordionpane 控制項,accordionpane 控制項可以象 panel 控制項一樣,用來作為其顯示內容的載體。

另外,每乙個 accordionpane 又具有 header 和 content 部分,分別用於表示它的標題和其中的內容。

accordion 控制項具有保持其選中狀態的功能,當頁面發生提交的過程後,accordion 保留其提交前選中的頁面。

它支援以下三種顯示和排版方式:

none - accordion 在其展開或者摺疊過程中,將根據它內部顯示的內容自動尺寸的變化,不受到任何的條件限制。 如果將 autosize 屬性設定為 none 它將可能造成頁面上的其它元素跟隨 accordion 的尺寸變化產生向上或者向下的移動。

limit - 它將使得 accordion 控制項永遠不能將它的尺寸擴充套件到規定的高度(height)屬性之外, 如果將 autosize 屬性設定為 limit,可能會造成在某種情況下,它裡面的內容需要通過滾動條來滾動。

fill - 它將使得 accordion 控制項永遠都保持在其高度(height)屬性規定的高度。

accordion控制項也能夠進行資料繫結,通過datasource或 datasourceid屬性指定乙個資料來源,然後設定標題資料字段(headertemplate)和內容資料字段(contenttemplate)。

accordion 同樣可以象 datagrid 一樣進行資料繫結,它同樣可以通過設定 datasource 屬性和 datasourceid 屬性, 並在 headertemplate 和 contenttemplate 屬性中設定其繫結的模板即可將其進行資料繫結。

上面示例的 accordion 將會被初始化成如下**。斜體 屬性為可選屬性:

. . .

. . . ..

....

...pane: <%# eval("name") %>

bound to dictionary:

header: <%# eval("key") %>

data: <%# eval("value") %>

最經用的格式

1. accordion

Ajax學習札記(前言)

最近在學習ajax,發現網上的介紹都不少,但是就是有些亂,於是我打算自己整理一下,以方便自己在以後遇到問題時候能夠以最快的速度解決問題同時也希望可以給各位帶來些方便。首先我也不打算談什麼我對ajax的認識什麼的,因為說實話我也是剛剛接觸這個東西不久,所以也就沒有任何的資歷來談了。其次,這個札記中的東...

ajax學習筆記(二)

ajax主要的知識就是使用xmlhttprequest 物件,第一節中使用了包裝該物件的jquery框架。在不使用任何框架的情況下xmlhttprequest物件是如何獲取,資料是如何傳送與接收呢?本來以為很簡單,真到自己去寫 的時候,出現了很多的問題,加上弱智的除錯方式,都快崩潰了,有點懷疑是環境...

Python學習札記

1 strip 去除字串中所有不想要的空白符,split 方法建立乙個列表。2 sorted bif支援複製排序。3 分片,列表推導 4 工廠函式去除掉裡列表中重複的項。5 定義乙個類時,實際上是在定義乙個定製工廠函式。6 使用dict 工廠函式或使用 可以建立乙個空字典。要訪問乙個person字典...