网格视图选择

Question

全部好，

我正在使用C＃ASP.net VS2010中的网格视图。在网格视图中，我添加了复选框列表。如果我选中一个复选框，则应选择行的一部分并突出显示。

请参阅上传的图片。 在这个网格中有3行：Groom，Clean n Pickup。 现在，如果我选择“清洁”，则应选择部分行（图像中为黄色）。

您的任何指导都会有所帮助。

谢谢， 坦哈

Answer 1

此链接可能有用。 http://www.netomatix.com/development/gridviewrowselectedstyle.aspx

Answer 2

代码

<script language="javascript">

function Highlight(chk) {

if (chk.checked) {

 $("#" + chk.id).parent("td").parent("tr").css("background-color", "Red");

}else

{

$("#" + chk.id).parent("td").parent("tr").css("background-color", "white");

}

}

</script>





<asp:GridView ID="gvUsers" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#010101" BorderStyle="Groove" BorderWidth="1px" CellPadding="4">

<Columns>

  <asp:TemplateField HeaderText="Roles">

     <HeaderTemplate>

         <asp:CheckBox ID="chkAll" onclick="javascript:SelectAllCheckboxes(this);" runat="server" />

     </HeaderTemplate>

      <ItemTemplate>

        <asp:CheckBox onclick="javascript:HighlightRow(this);" ID="chkDelete" runat="server" />

     </ItemTemplate>

   </asp:TemplateField>

 <asp:BoundField DataField="Email" HeaderText="Email" ReadOnly="True" />

 <asp:BoundField DataField="FirstName" HeaderText="First Name" ReadOnly="True" />

 <asp:BoundField DataField="LastName" HeaderText="Last Name" ReadOnly="True" />

</Columns>

<FooterStyle BackColor="White" ForeColor="#330099" />

<RowStyle BackColor="White" ForeColor="#330099" />

<HeaderStyle BackColor="#F06300" Font-Bold="True" ForeColor="#FFFFCC" />

</asp:GridView>

Answer 3

http://www.netomatix.com/development/gridviewrowselectedstyle.aspx

希望这可以帮助你...