[ASP.NET] DataList Dynamic Repeate Column

  • 3632
  • 0
  • 2011-11-11

DataList Dynamic Repeate Column

本篇主要是一個範例,運用DataList來呈現橫向Repeate功能,而需求是Column是由資料動態決定的

不廢話,直接看例子

 

假設需求是要呈現男女員工的資料,男性一個Column,女性一個Column,而Column裡要Show 性別、ID、Name

這裡我們藉用DataList的RepeatDirection及RepeatColumns來做

(1)畫面上拉出一個DataList元件(太簡單了…所以不貼圖了:p),以及一個Button

 

(2)接著在DataList的ItemTemplate裡,我們拉一個GridView,用來Show 性別、ID、Name,並且設定好GridView的Column

image

 

(3)再來則是運用程式部份來決定DataList的Column有多少個,這裡簡單用Button事件來Demo Get Data的事件觸發點

,除了決定Column數之外,這裡也Set了RepeatDirection屬性,讓DataList呈現是橫向的Repeate

image

 

(4)最後就是明細的GridView Bind Data了

image

記得這裡必須把你要分組的條件帶進來,明細才會是正確的

 

(5)最後大功告成囉

image

 

若本文對您有所幫助,歡迎轉貼,但請在加註【轉貼】及來源出處,並在附上本篇的超連結,感恩您的配合囉。

By No.18