网格视图样式 Asp.Net

Question

我想设置网格视图的样式，就像我必须在网格视图上显示 4 个订单一样，其中 2 个订单的状态为真，2 个订单的状态为假，现在我想应用样式，就像那些订单状态为假的订单应该以黄色显示颜色和这些订单是真实的应该以正常颜色（如黑色）可见这是我的网格视图

<asp:GridView ID="CateringGridView" runat="server" AutoGenerateColumns="false" DataKeyNames="Id">
                    <RowStyle CssClass="GridRow" />
                    <Columns>
                        <asp:TemplateField HeaderText="First Name">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("FirstName") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Last Name">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("LastName") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Company Name">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("CompanyName") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Email">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("Email") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Phone">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("Phone") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="People Attending">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("PeopleAttending") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Event Type">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("TypeOfEvent") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Event Date">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("DateOfEvent") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>

我的文件后面的代码是

protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                this.FillCateringGrid();
            }
        }

        private void FillCateringGrid()
        {
            using (CateringOrderDataContext dataContext = new CateringOrderDataContext())
            {
                var query = dataContext.Caterings
                                       .Where(e => e.Status == true)
                                       .Select(e => e);
                this.CateringGridView.DataSource = query;
                this.CateringGridView.DataBind();
            }
        }

Answer 1

<RowStyle CssClass='<%=((Catering)Container.DataItem).Status ? "A" : "B"%>' />

其中 A 和 B 是基于 Status 是真还是假的类名。那么你可以定义td.A和td.B的CSS格式。