當(dāng)我們想在GridView中添加刪除、選擇功能時(shí)，我們通常的做法是利用模板功能在每行添加一個(gè)按鈕控件或者超鏈接按鈕控件，單擊按鈕利用RowCommand獲取每行的ID。
　　下面我們利用JavaScript完成這一功能。
　　我們可以通過調(diào)用JavaScirpt函數(shù)改變單擊的行的背景顏色來模擬選擇的行，這里需要聲明一個(gè)隱藏字段，從JS中獲得選取GridView行的ID。在選擇/刪除事件中，可以從隱藏字段中得到選擇行的ID，完成一些需要功能。
　　第一步：在頁面中添加GridView控件和一個(gè)按鈕，隱藏字段
　　<input id="hdnEmailID" type="hidden"
　　value="0" runat="server" name="hdnEmailID" />
　　<asp:GridView ID="gvUsers" runat="server"
　　AutoGenerateColumns="False"
　　OnRowDataBound="gvUsers_RowDataBound">
　　<Columns>
　　<asp:BoundField DataField="Email" HeaderText="郵件" ReadOnly="True" />
　　<asp:BoundField DataField="Name" HeaderText="姓名" ReadOnly="True" />
　　</Columns>
　　</asp:GridView>
　　<asp:Button ID="btnSelect" runat="server"
　　OnClick="btnSelect_Click" Text="Select" />第二步：編寫JS函數(shù)來獲取選擇行的id，并改變背景顏色
　　<script language="javascript" type="text/javascript">
　　var lastRowSelected;
　　var originalColor;
　　function GridView_selectRow(row, EmailID)
　　{
　　var hdn=document.form1.hdnEmailID;
　　hdn.value = EmailID;
　　if (lastRowSelected != row)
　　{
　　if (lastRowSelected != null)
　　{
　　lastRowSelected.style.backgroundColor = originalColor;
　　lastRowSelected.style.color = 'Black'
　　lastRowSelected.style.fontWeight = 'normal';
　　}
　　originalColor = row.style.backgroundColor
　　row.style.backgroundColor = 'BLACK'
　　row.style.color = 'White'
　　row.style.fontWeight = 'normal'
　　lastRowSelected = row;
　　}
　　}
　　function GridView_mouseHover(row)
　　{
　　row.style.cursor = 'hand';
　　}
　　</script>略過一步，就是綁定數(shù)據(jù)，大家自行完成。
　　第三步：在RowDataBound事件中添加JS函數(shù)調(diào)用。
　　protected void gvUsers_RowDataBound(object sender, GridViewRowEventArgs e)
　　{
　　if (e.Row.RowType == DataControlRowType.DataRow)
　　{
　　e.Row.ID = e.Row.Cells[0].Text;
　　e.Row.Attributes.Add("onclick",
　　"GridView_selectRow(this,'" + e.Row.Cells[0].Text + "')");
　　e.Row.Attributes.Add("onmouseover", "GridView_mouseHover(this)");
　　}
　　}第四步：完成按鈕事件
　　在選擇/刪除按鈕單擊事件我們可以用hdnEmailID.Value方式獲得行的id。然后利用id來完成操作；這里為了演示，我只是輸出了這個(gè)值。
　　protected void btnSelect_Click(object sender, EventArgs e)
　　{
　　Response.Write(hdnEmailID.Value);
　　}好了，這個(gè)技巧就介紹到這里了，大家試一試！

總結(jié)

以上是生活随笔為你收集整理的利用JavaScript选择GridView行的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。