GridView-Format、ViewState

2011-11-01

1898
0
Asp.net(c#)

□AlternationRowStyle－設定交替行的外觀

□FooterStyle－設定頁尾行的外觀

□HeaderStyle－設定標題行的外觀

□PagerStyle－設定頁導航行的外觀

□RowStyle－設定交替行的外觀

□SelectedRowStyle－設定選中行的外觀

   1:  //定義一組css標籤

   2:      <style type="text/css">

   3:          .grid

   4:          {

   5:              font: 16px Arial, Sans-Serif;

   6:          }

   7:          .grid td, .grid th

   8:          {

   9:              padding: 10px;

  10:          }

  11:          .header

  12:          {

  13:              text-align: left;

  14:              color: White;

  15:              background-color: Blue;

  16:          }

  17:          .row td

  18:          {

  19:              border-bottom: solid 1px blue;

  20:          }

  21:          .alternating

  22:          {

  23:              background-color: #eeeeee;

  24:          }

  25:          .alternating td

  26:          {

  27:              border-bottom: solid 1px blue;

  28:          }

  29:      </style>

1:

   2:      <form id="form1" runat="server">

   3:      <div>

   4:          <asp:TextBox ID="txtTitle" runat="server" />

   5:          <asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" />

   6:          <hr />

   7:          <asp:GridView ID="grdView" runat="server" DataSourceID="srcMovies" Visible="false"

   8:              GridLines="None"

   9:              CssClass="grid"

  10:              HeaderStyle-CssClass="header"

  11:              RowStyle-CssClass="row"

  12:              AlternatingRowStyle-CssClass="alternating"

  13:          />

  14:  //資料來源

  15:          <asp:SqlDataSource ID="srcMovies" runat="server" ConnectionString='<%$ConnectionStrings:conn %>'

  16:              SelectCommand="Select ID, Title, Director From Movies Where Title like @Title+'%'">

  17:              <SelectParameters>

  18:                  <asp:ControlParameter ControlID="txtTitle" PropertyName="Text" Name="Title" />

  19:              </SelectParameters>

  20:          </asp:SqlDataSource>

  21:      </div>

  22:      </form>

※GridView常用的格式屬性：
□GridLines－網格邊框的外觀。有Both、Vertical、Horizontal、None
□ShowFooter－若為true，將在頁尾出現腳注行
□ShowHeader－若為true，將在頁首出現標題行

．ViewState
預設情況下，GridView控件保存呈現在ViewState中的所有行和列的值。
使用ViewState的好處是，不需要在每次翻頁的時候都去資料庫取得同樣的資料集，而只要需要在頁面第一次載入時取得即可。
但在需要顯示大量資料時，應該將ViewState關閉。
可以使用”頁面追蹤”<@ Page Trace=”true”>看到GridView使用ViewState的數量。

回首頁