AJAX控制項UpdatePanel使用詳解

2022-08-18 01:48:10 字數 2816 閱讀 6971

<%@ page language="c#" autoeventwireup="true" codefile="accordion.aspx.cs" inherits="ajax_accordion" %>

<%@ register assembly="ajaxcontroltoolkit" namespace="ajaxcontroltoolkit" tagprefix="cc1" %>

">

">

執行結果:

我的諮詢

自主諮詢記錄

心理測評記錄

專家分析記錄

本人反饋記錄

我的活動  

醫師管理

說明:是層疊動態管理選單顯示的效果,很好看的

*************************====

附加屬性對照說明表如下:

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 將會被初始化成如下**。斜體 屬性為可選屬性:

. . .

. . . ..

....

...selectedindex - 當 accordion 被初始化的 accordionpane 頁面 id

headercssclass - 每乙個 accordionpane 標題的 css 樣式。在開發中,我們可以在這裡將每乙個 accordionpane 的標題預設 css 樣式設定與此,另外還可以為每乙個 accordionpane 單獨指定其 css 樣式。

headerselectedcssclass - 當某乙個 accordionpane 被選中的時候,其標題的 css 樣式。在開發中,我們可以在這裡將每乙個 accordionpane 的標題預設 css 樣式設定與此,另外還可以為每乙個 accordionpane 單獨指定其 css 樣式。

contentcssclass - 每乙個 accordionpane 內容的 css 樣式。在開發中,我們可以在這裡將每乙個 accordionpane 的標題預設 css 樣式設定與此,另外還可以為每乙個 accordionpane 單獨指定其 css 樣式。

fadetransitions - 如果設定為 true 那麼在其選中的 accordionpane 變化時將出現漸變的效果。

transitionduration - 用毫秒表示的漸變效果顯示的時間。

autosize - 設定 accordion 的顯示和排版方式,你可以在上面的概述中找到它的描述。

requireopenedpane - 如果設定為 true 將可以避免當前展開的 accordionpane 被摺疊。

suppressheaderpostbacks - 如果設定為 true 將可以避免 accordionpane 的標題部分被點選觸發的頁面提交事件。

panes - accordionpane 的集合表示

headertemplate - 當採用資料繫結方式時的標題模板

contenttemplate - 當採用資料繫結方式時的內容模板

datasource - 資料來源

datasourceid - 資料來源控制項 id

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

bound to dictionary:

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

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

最經用的格式

1. accordion

ajax控制項說明

1 accordion 2 accordionpane 實現多面板,但一次只顯示其中乙個面板中的內容 3 alwaysvisiblecontrolextender 不論滑鼠怎麼滾動,都顯示某個內容 4 animationextender 5 animationextendercontrolbase ...

Ajax控制項之DrapPanel

拖入第三個以第二個中設定成再設定一下樣式 當滑鼠放到第二層的時候也就是那個小點的層會改變滑鼠的形狀 2.拖放控制項繫結整個也會隨著拖動那個最大的 這時意思是對進行拖放 3.出現的問題開始拖放時拖了這後會又返回原位了原因是應該新增乙個指令碼定位到介面中 將拖後的的高度進行賦值 這裡不會執行 這裡才會執...

ajax 動態新增控制項

首先使用ajax動態繫結資料。在給actioncolumn列賦值的時候使用innerhtml,為table寫入乙個新的元素 document.innerhtml 新元素 查詢按鈕 獲取內容 function query 至少有乙個選項不為空,就可以查詢 else 在下拉框中載入變數中資料 dg da...