Accordion控制項動態資料繫結案例

2022-03-08 16:41:12 字數 3114 閱讀 9876

accordion屬性介紹

selectedindex:已伸展開的accordionpane控制項的索引號。

headercssclass:作用於標題的css類名。它也可以指定給accordion 控制項的headercssclass屬性以此作為所有accordionpanes控制項的預設屬性,或者直接指定給單獨accordionpane控制項的headercssclass屬性

。contentcssclass:用於顯示內容的css類名。它也可以指定給accordion 控制項的contentcssclass屬性以此作為所有accordionpanes控制項的預設屬性,或者直接指定給單獨accordionpane控制項的contentcssclass屬性。

fadetransitions:為true時為漸變效果(在伸縮時顏色變淡,伸縮完後顏色恢復正常),為false時是標準變換。

transitionduration:在選擇某一標題後伸展和收縮過渡動畫所持續的時間,單位為毫秒。

framespersecond:用於伸展和收縮過渡動畫每秒所需要的幀數。

autosize:用於限制accordion控制項展開的高度. autosize列舉型別取值在簡介中已作過描述。

panes:accordionpane控制項的集合。

headertemplate:標題模版,其中包含的標記用於進行資料繫結來顯示面版標題。contenttemplate:內容模版,其中包含的標記用於進行資料綁來顯示面版內容。

datasource:指定資料來源,必須要呼叫databind()方法進行資料繫結。

datasourceid:用資料來源的id來指定乙個資料來源。

datamember:當使用datasourceid 來指定資料來源時用於繫結的成員。

示例如下:

執行快照:

accordion控制項動態資料繫結案例

div>

<

ajaxtoolkit:accordion 

id="accordion1"

runat

="server"

datasourceid

="sqldatasource1"

autosize

="none"

requireopenedpane

="false"

selectedindex

="-1"

suppressheaderpostbacks

="true"

fadetransitions

="true"

borderwidth

="2"

borderstyle

="double"

bordercolor

="green"

>

<

headertemplate

>

<

div 

class

="accheader"

title

="請單擊滑鼠左鍵觀察詳細資料"

系部名稱:

#eval("

departmentname")

%>

td>

tr>

<

tr>

<

td>

簡介:#eval("

departmentinfo")

%>

td>

tr>

table

>

contenttemplate

>

ajaxtoolkit:accordion

>

<

asp:sqldatasource 

id="sqldatasource1"

runat

="server"

connectionstring

=""selectcommand

="select departmentid, departmentname, departmentinfo from department"

>

asp:sqldatasource

>

AJXA控制項示例之 Accordion

從現在開始來對 的學習教程,這裡完全是出於自已的愛好,和自己對技術的不斷的追求與渴望 希望在學習的過程中有什麼錯的地方請朋友多提出你們寶貴的看法,我會聽從你的,在以後的學習過程加以改正 在這裡向你們說一聲謝謝了 有你們的支援是我學習的最大的動力 好了不多說費話了,現在開始教程的學習 accordio...

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

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

Mobiscroll控制項動態繫結資料

用mobiscroll 可實現ios系統自帶的選擇器控制項效果,支援幾乎所有的移動平台 ios,android,blackberry,windows phone 8,amazon kindle 當然在pc的瀏覽器上跑,效果也還不錯。mobiscroll控制項動態繫結資料 這裡以乙個動態繫結城市選擇框...