DataGrid Web控制項深度曆險(3) part2

來源:互聯網
上載者:User
datagrid|web|控制項 點擊按鈕時讓一些事情發生

現在已將按鈕添加到DataGrid中了,我們希望將伺服器端的代碼與按鈕關聯起來,這樣當按鈕被點擊時可發生一些動作。在認識到DataGrid中的ButtonColumn按鈕被點擊時ItemCommand事件將被觸發後,那麼我們就可為這個事件編寫伺服器端的事件處理常式。這個事件處理常式必須定義如下:

Sub eventHandlerName(sender as Object, e as DataGridCommandEventArgs)
...
End Sub

一旦在伺服器端代碼塊(或代碼後置頁)中定義了此過程,你可通過在DataGrid的標記中增加OnItemComman屬性的方法將DataGrid的事件與該事件處理常式聯絡起來,如下所示:

<asp:datagrid runat="server"
...
OnItemCommand="eventHandlerName">
...
</asp:datagrid>

下面的代碼示範了當DataGrid中某個按鈕被按下時,事件處理常式如何運行:

<script language="vb" runat="server">
Sub Page_Load(sender as Object, e as EventArgs)
If Not Page.IsPostBack then
BindData() 'Only bind the data on the first page load
End If
End Sub


Sub BindData()
'Make a connection to the database
'Databind the DataReader results to the DataGrid.
End Sub


Sub detailsClicked(sender as Object, e As DataGridCommandEventArgs)
Response.Write("You clicked one of the details buttons!")
End Sub
</script>

<form runat="server">
<asp:DataGrid runat="server" ... >
...
</asp:datagrid>
</form>
樣本運行結果如下:

包含事件處理常式的DataGrid

本樣本顯示一個包含Detail按鈕的DataGrid Web控制項並示範了當按下按鈕時如何觸發一段代碼。點擊某個Detail按鈕,你將會在Status文本旁看到一個訊息,他指出了你點擊了這個按鈕!

Status: You clicked one of the details buttons!

FAQ Details
FAQ ID
FAQ Description


144
Where can I host my ASP Web site for free (similar to GeoCities or Tripod or any of the many other free Web site sites)?


181
How can I format numbers and date/times using ASP.NET? For example, I want to format a number as a currency.






原始碼:

<% @Import Namespace="System.Data" %>
<% @Import Namespace="System.Data.SqlClient" %>
<script language="vb" runat="server">
Sub Page_Load(sender as Object, e as EventArgs)
If Not Page.IsPostBack then
BindData()
End If
End Sub


Sub BindData()
'1. Create a connection
Dim myConnection as New SqlConnection(ConfigurationSettings.AppSettings("connectionString"))

'2. Create the command object, passing in the SQL string
Const strSQL as String = "sp_Popularity"
Dim myCommand as New SqlCommand(strSQL, myConnection)

'Set the datagrid's datasource to the datareader and databind
myConnection.Open()
dgPopularFAQs.DataSource = myCommand.ExecuteReader(CommandBehavior.CloseConnection)
dgPopularFAQs.DataBind()
End Sub


Sub dispDetails(sender as Object, e As DataGridCommandEventArgs)
lblOutput.Text = "You clicked one of the details buttons!"
End Sub
</script>

<form runat="server">
<b>Status:</b> <asp:label id="lblOutput" runat="server" Font-Italic="True" />
<p>

<asp:DataGrid runat="server" id="dgPopularFAQs"
BackColor="#eeeeee" Width="85%"
HorizontalAlign="Center"
Font-Name="Verdana" CellPadding="4"
Font-Size="10pt" AutoGenerateColumns="False"
OnItemCommand="dispDetails">
<HeaderStyle BackColor="Black" ForeColor="White" Font-Bold="True" HorizontalAlign="Center" />
<AlternatingItemStyle BackColor="White" />

<Columns>
<asp:ButtonColumn Text="Details" HeaderText="FAQ Details" CommandName="details" ButtonType="PushButton" />
<asp:BoundColumn DataField="FAQID" HeaderText="FAQ ID" />
<asp:BoundColumn DataField="Description" HeaderText="FAQ Description" />
</Columns>
</asp:datagrid>
</form>

這裡還有一件非常重要的事情需要注意:我們僅在第一次頁面訪問時執行資料庫查詢並對DataGrid進行綁定。在Page_Load事件處理常式(每次頁面裝載時被觸發)中,我們檢查頁面是否被回傳(posted back)。如果沒有,那麼就知道是第一次訪問這個頁面。在此情況下我們通過資料庫查詢產生一個DataReader,將DataGrid的DataSource屬性設為這個DataReader,並調用DataGrid的DataBind()方法。

當有人點擊DataGrid中某個Detail按鈕時,ASP.Net Web頁面將執行回傳,頁面又將在伺服器端執行。Page_Load事件處理常式將再次被啟用,但是這次因為我們在執行回傳,BindData()過程將不會被調用。此外detailsClicked事件處理常式將被執行。注意如果我們每次在頁面裝載時均將資料繫結至DataGrid(也就是說我們省略了If Not Page.IsPostBack檢查),detailsClicked事件處理常式將不會執行,因為重新綁定DataGrid將會清空(flush out)ItemCommand事件。(請重新閱讀上面的兩段文字-根據各位對DataGrid的瞭解,你們很有可能忘記執行回傳檢查並導致DataGrid不能觸發針對按鈕的事件處理代碼。相信我,這件事在我身上多次發生!J)

雖然本例分析了如何將事件處理與按鈕的點擊聯絡起來,我們仍然需要知道如何判斷DataGrid那一行中的按鈕被點擊。這是一個非常重要的問題,並將在本文下一部分進行研究。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。