0

所以我在 ASP.NET 上得到了这个 gridview,它是关于一个 gmail 客户端的,我制作了一个带有复选框的模板字段,用于同时选择多条消息,但首先当你选择一条消息时,我想更改行背景颜色,我已经有了 CSS,但我不知道如何触发操作或如何知道在代码中选择了哪一行。这是我的网格模板:

 <asp:GridView ID="inboxGrid" runat="server" 
        AutoGenerateColumns="false" CssClass="inbox" ShowHeader="false" BorderStyle="None" GridLines="None">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                <asp:CheckBox ID="chkSelect" runat="server" />
                </ItemTemplate>
                <ItemStyle Width="24" CssClass="check"/>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemStyle CssClass="from" />
                <ItemTemplate>
                <asp:Label ID="lblFrom" runat="server" 
                    Text = '<%# Eval("From") %>' />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemStyle CssClass="subject" />
                <ItemTemplate>
                <asp:Label ID="lblSubject" runat="server" Text='<%# Eval("Subject") %>' />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemStyle CssClass="date" />
                <ItemTemplate>
                <asp:Label ID="lblFecha" runat="server" Text='<%# Eval("Fecha") %>' />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        <RowStyle CssClass="inbox"/>
    </asp:GridView>
4

2 回答 2

2

这是使用 JQuery 的解决方案

如果您将名为chk的CssClass添加到asp:checkbox

<asp:CheckBox ID="chkSelect" runat="server" CssClass="chk" />

这是脚本

$(document).ready(function () {
        $(".chk :checkbox").live("click", function () {
            $(this).closest("tr").css("background-color", this.checked ? "#0000FF" : "");
        });
    });
于 2012-04-28T05:11:38.587 回答
0

试试这个:

<asp:CheckBox ID="chkSelect" runat="server" OnClick="changeCss(this.id);" />

您可以使用toggleClass('CssClassName')在复选框单击时切换类:

function changeCss(ctrlId){
    $(ctrlId).parent().parent().toggleClass('check');
}

层次结构是 tr > td > checkbox,我们逆向改变 tr/row 的 css。

于 2012-04-28T05:17:56.923 回答