網格視圖選擇

Grid view display 網格視圖選擇

大家好，

我的工作在C＃ASP.net VS2010網格視圖。在網格視圖中，我添加了複選框列表。如果我選擇一個複選框，那麼應該選擇一部分行並應該突出顯示。

請參考上傳圖片。在這個網格中有3行：新郎，乾淨n皮卡。現在，如果我選擇「清潔」，那麼它的部分行應該被選中（圖像中，黃色）。

您的任何形式的指導將有所幫助。

感謝，坦哈

來源

2011-03-24 TAdhav

您想強調整個行權 – Dotnet 2011-03-24 05:25:37

@Dorababu：它不是整行。它的一部分。 – Kangkan 2011-03-24 05:27:38

確實接受答案，如果它適合你 – 2011-03-24 06:57:44

代碼爲您

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

來源

2011-03-24 05:33:21

感謝Pranay，我會試試這個。） – TAdhav 2011-03-24 06:07:08