使用 ASP+ 列表繫結控制項(下)

來源:互聯網
上載者:User
asp+|控制項 DataGrid3
  
    DataGrid3通過添加可視格式化和內容格式化構建於DataGrid2之上。
  
  摘自 DataGrid3.aspx:
  
  〈%@ Page language="C#" src="DataGrid.cs" inherits="Samples.Data
  GridPage"%〉
  ...
  
  〈asp:DataGrid runat=server id="titlesGrid"
     AutoGenerateColumns="false"
     Width="80%"
     BackColor="White"
     BorderWidth="1px" BorderStyle="Solid" CellPadding="2" Cell
     Spacing="0"
     BorderColor="Tan"
     Font-Name="宋體" Font-Size="8pt"〉
   〈property name="Columns"〉
    〈asp:BoundColumn headerText="Title" DataField="title"/〉
    〈asp:BoundColumn headerText="Author" DataField="au_name"/〉
    〈asp:BoundColumn headerText="Date Published" DataField=
    "pubdate"
       DataFormatString="{0:MMM yyyy}"/〉
    〈asp:BoundColumn headerText="Price" DataField="price"
     DataFormatString="{0:c}"〉
     〈property name="ItemStyle"〉
      〈asp:TableItemStyle HorizontalAlign="Right"/〉
     〈/property〉
    〈/asp:BoundColumn〉
   〈/property〉
  
   〈property name="headerStyle"〉
    〈asp:TableItemStyle BackColor="DarkRed" ForeColor="White"
     Font-Bold="true"/〉
   〈/property〉
   〈property name="ItemStyle"〉
    〈asp:TableItemStyle ForeColor="DarkSlateBlue"/〉
   〈/property〉
   〈property name="AlternatingItemStyle"〉
    〈asp:TableItemStyle BackColor="Beige"/〉
   〈/property〉
  〈/asp:DataGrid〉
  
    此.aspx檔案顯示了與前面相同的DataGrid控制項聲明,並設定了各種
  樣式屬性。這將導致視覺上更具吸引力的表示。仍就不需要對代碼進行任
  何更改,使用與以前樣本相同的有代碼支援的檔案。
  
    因為它是從 WebControl 得到的,所以 DataGrid 控制項繼承了諸如
  Width、BackColor、BorderStyle 和 Font.Name 之類的樣式屬性。此外,
  DataGrid提供諸如CellPadding這樣的屬性,這些屬性是特定於表的。這
  些屬性允許從總體上定製控制項。
  
    聲明還顯示了設定的若干項目樣式,如headerStyle和Alternating
  ItemStyle。這些樣式控制著它們相應項目的外觀。請注意此樣本中出現
  的樣式合并。備選項目與一般項目的前景色彩相同,因為它們的樣式是
  AlternatingItemStyle和ItemStyle的組合。最後,此樣本還通過靠右對齊
  價格列中的文本說明了為特定列設定樣式。
  
    DataGrid還允許您格式化其儲存格中的常值內容。這是通過設定Bound
  Column的DataFormatString屬性值完成的。該列使用其格式說明格式化使
  用 String.Format的儲存格內容。此屬性可隨格式化類型(如日期或貨幣)
  一起預置或附加任意內容。此外,由于格式化考慮了當前頁的CultureInfo
  和請求,所以它也支援全域化。如果未指定格式,則使用該值的ToString
  方法。
  
  DataGrid4
  
    DataGrid4 說明如何通過處理 SelectedIndexChanged 事件來利用
  DataGrid 中的選擇。
  
  截自 DataGrid4.aspx:
  
  〈%@ Page language="C#" src="DataGrid4.cs" inherits="Samples.
  DataGrid4Page"%〉
  ...
  
  〈asp:DataGrid runat=server id="titlesGrid"
     AutoGenerateColumns="false"
     Width="80%"
     BackColor="White"
     BorderWidth="1px" BorderStyle="Solid" CellPadding="2"
     CellSpacing="0"
     BorderColor="Tan"
     Font-Name="宋體" Font-Size="8pt"
     DataKeyField="title_id"
     OnSelectedIndexChanged="OnSelectedIndexChangedTitlesGrid"〉
   〈property name="Columns"〉
    〈asp:ButtonColumn Text="Select" Command="Select"/〉
    〈asp:BoundColumn headerText="Title" DataField="title"/〉
    〈asp:BoundColumn headerText="Author" DataField="au_name"/〉
    〈asp:BoundColumn headerText="Date Published" DataField=
    "pubdate"
       DataFormatString="{0:MMM yyyy}"/〉
    〈asp:BoundColumn headerText="Price" DataField="price"
     DataFormatString="{0:c}"〉
     〈property name="ItemStyle"〉
      〈asp:TableItemStyle HorizontalAlign="Right"/〉
     〈/property〉
    〈/asp:BoundColumn〉
   〈/property〉
  
   〈property name="headerStyle"〉
    〈asp:TableItemStyle BackColor="DarkRed" ForeColor="White"
     Font-Bold="true"/〉
   〈/property〉
   〈property name="ItemStyle"〉
    〈asp:TableItemStyle ForeColor="DarkSlateBlue"/〉
   〈/property〉
   〈property name="AlternatingItemStyle"〉
    〈asp:TableItemStyle BackColor="Beige"/〉
   〈/property〉
   〈proper



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。