2010年6月20日 星期日

如何在GridView中加上CheckBox的全選功能

在一些應用上,我們會利用CheckBox來讓使用者勾選需要改變的資料,一次列出10條還好,如果一次列出50條,而使用者都要選取的話,活生生要按50次實在是不貼心的設計,所以此文介紹如何在GridView中加上CheckBox的全選功能。

首先我們當然是要先做出一個有資料的GridView

GridView做好後,我們在後方新增一個樣板欄位(TemplateField)

請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用,然後在ItemTemplate也加入一個CheckBox,如下方







接者請在該頁面的最底部加上以下的Java Script
 
如果您的頁面有套用MasterPage請將上方JS放在標籤上面
轉自 http://demo.tc/Post/98 感謝demo分享

沒有留言:

張貼留言