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
(3)再來則是運用程式部份來決定DataList的Column有多少個,這裡簡單用Button事件來Demo Get Data的事件觸發點
,除了決定Column數之外,這裡也Set了RepeatDirection屬性,讓DataList呈現是橫向的Repeate
(4)最後就是明細的GridView Bind Data了
記得這裡必須把你要分組的條件帶進來,明細才會是正確的
(5)最後大功告成囉
若本文對您有所幫助,歡迎轉貼,但請在加註【轉貼】及來源出處,並在附上本篇的超連結,感恩您的配合囉。
By No.18