IdeaSparks ASP.NET CoolControls簡介

IdeaSparks ASP.NET CoolControls是什麼東西?它是一個擴充自GridView的元件，
也意謂著在使用這個元件時基本的運用方式就像GridView一樣簡單使用，好處
就是學習門檻低，那到底IdeaSparks ASP.NET CoolControls提供什麼額外的功能
?這裡我引述作者官方blog所列功能

1. Fixed column header, footer and pager
2. Scrollable content
3. User-resizeable column widths (new!)
4. Maintains scroll position and column widths after a postback or callback (new!)

接著我會以Visual Studio 2010 Professional加上北風資料庫做Demo

Step 1：將IdeaSparx.CoolControls.Web.dll放到專案的Bin目錄，在這裡我的專案

類型是Web Site，放置Bin目錄後專案會自行參考

Step2：接著我們要為Toolbox增加CoolControls，首先我們點選Standard tab再按滑鼠右鍵，選擇Choose Items，選取之前放置在Bin目錄的IdeaSparx.CoolControls.Web.dll

Step3：將畫面切換至Design模式，並將CoolGridView托曳至畫面，這裡資料來源是使用SqlDataSource方式連結北風資料庫的Customers資料表

Step4：執行

IE 6

Firefox 6.0.2

Chrome 13.0.782.220

從畫面看來在主流瀏覽器顯示固定表頭功能都能正常運作，接著我們來嘗試Column Resize的功能，讓CompanyName及Country的欄位變寛靠近捲軸，這裡只顯示IE 6的結果

變更欄位寛度過程

變更後結果

至於其餘細節讀者可自行研究，底下是元件作者的blog

http://johnsobrepena.blogspot.com/2009/09/extending-aspnet-gridview-for-fixed.html