网格视图选择答案

【问题标题】：Grid view selection网格视图选择
【发布时间】：2011-03-24 05:19:01
【问题描述】：

大家好，

我正在 C# ASP.net VS2010 中处理网格视图。在网格视图中，我添加了复选框列表。如果我选择一个复选框，那么应该选择行的一部分并且应该突出显示。

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

您的任何类型的指南都会有所帮助。

谢谢，塔努贾

【问题讨论】：

您想突出显示整行右侧
@Dorababu：不是整行。它是行的一部分。
如果它适合你，请接受答案

标签： c# asp.net visual-studio-2010 gridview

【解决方案1】：

给你的代码

<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>

【讨论】：

谢谢普拉奈。我会试试这个。 :)