运用GridView.PDFVIP

運用 GridView 16 asp:AsyncPostBackTrigger ControlID=btnSearch EventName=Click / /Triggers /asp:UpdatePanel 這段程式碼當中，插入了Triggers區塊標籤，設定觸發 UpdatePanel 更新的按鈕 事件，現在重新執行網頁 ，你會發現在搜尋的過程當中 ，不會有換頁的情形出現。 16.3.4 加入進度指示 讀者應該了解，Ajax 網頁雖然不用換頁，但是本質上它依然是網頁程式，換句話 說，它依然是一種無狀態的連線，只是透過背景執行部份資料的往返作業，來達 到使用者操作傳統獨立應用程式時所熟悉的即時反應效果。 資料一旦必須跨越網路傳送，多少會有延遲的現象，而針對大型資料庫的搜尋工 作，這種情形會更為明顯，因此，在網頁上配置執行狀態指示，對於使用者而言， 動態的視覺化介面，可以提供比較愉快的使用經驗，同時在資料等待的過程中， 減少使用者的不耐。 這一部份非常的簡單，只要再配置一個 UpdateProgress 控制項，並且設定其 AssociatedUpdatePanelID 屬性即可，讀者可以自行嘗試看看。 16.4 再探樣板 這一節 ，我們再回到樣板設計，繼續說明其他幾種未討論的樣板，不同於前述兩 種樣板，這裏的樣板必須經由樣板欄位的轉換，才能進一步作設定，這一節，我 們進一步來看看其中的細節。 16.4.1 樣板欄位轉換 GridView 是一種以表格的形式呈現資料內容的控制項，表格中的每一列都是由數 個欄位所組成，在預設的情形下，這些欄位的內容以asp:BoundField標籤作呈 現，與資料來源中的某個欄位作繫結，並且將其內容顯示在網頁上。 16-21 如果想要自行調整欄位內容，則必須將其轉換成為樣板欄位，樣板欄位允許開發 人員於其中針對欄位內容進行設計，並且在網頁瀏覽的時候，用來取代原先的欄 位作顯示。 要轉換成為樣板欄位，只需如下作設定即可，按一下其中的「編輯資料行」，開啟 欄位編輯設定視窗： 在欄位編輯視窗中，指定選取的欄位，將其點選反白之後，點選下方的「將這個 欄位轉換成為 TemplateField 」，此時的欄位被轉換成為可供調整的樣板欄位，如下 圖： 16-22 運用 GridView 16 現在按一下「確定」按鈕，回到原來的網頁設計畫面，於其中再按一下「編輯樣 板 」，切換至樣板編輯模式，如下圖： 在編輯模式的畫面上，其中的顯示清單，多了一個「Column[2]-title_ch 」的樣板， 也就是轉換之後的樣板欄位，如你所見，轉換之後的樣板欄位，提供 5 種可供編 輯的樣板，列舉如下表： 16-23 樣板 說明 ItemTemplate 樣板欄位所要顯示的內容。 AlternatingItemTemplate 樣板欄位所要顯示的替代內容。 EditItemTemplate 在編輯狀態下，樣板欄位所要顯示的內容。 HeaderItemTemplate 樣板欄位的標題區塊。 FooterItemTemplate 樣板欄位的頁尾區塊。 同樣的，這些樣板的設計原理與本章稍早所討論的空白資料樣板以及分頁樣板是 相同的，樣板本身依其功能，在瀏覽器檢視的時候，配置於專屬的區域，或是在 某些特定的情形下才顯示出來。 在樣板編輯模式當中，你可以逐一指定樣板，然後於編輯區域當中設計樣板的內 容，例如稍早的 ItemTemplate ，或是底下的EditItemTemplat ： 如果你打算一次對所有的樣板作編輯，