在 Repeater 内的标签上，在 GridView 的 Template Col 中设置 CssClass

Question

我在网格视图控件 (Telerik) 中有一个中继器。

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" HeaderText="<%$ resources: PARTNER_LIST_GRID_CATEGORY %>" UniqueName="TemplateColumn">
    <HeaderStyle CssClass="myGridHeader" />
    <ItemTemplate>
        <asp:Repeater runat="server" ID="dlPartnerCat" OnItemDataBound="dlPartnerCat_OnItemDataBound">
            <ItemTemplate>
                <asp:Label runat="server" ID="lblPartCat" CssClass="k-margin-l-10-desktop" Text='<%#Eval("BusinessPartnerCategoryName")%>' />
            </ItemTemplate>
            <%--  <AlternatingItemTemplate>
                <asp:Label runat="server" ID="lblPartCat" CssClass="k-margin-l-10-desktop" Text='<%#Eval("BusinessPartnerCategoryName")%>' />
            </AlternatingItemTemplate>--%>
        </asp:Repeater>
    </ItemTemplate>
</telerik:GridTemplateColumn>

我通过以下方式将数据绑定到它：

void BindPartners()
{
    var _partners = new BusinessPartnerRepo().GetAll(CompanyHelper.GetCompId()).Where(i => i.IsActive == true);
    var _p = new TD.Data.Entity.BusinessPartner();

    gvPartnerList.DataSource = _partners;
    gvPartnerList.Rebind();

    foreach (GridDataItem _dataItem in gvPartnerList.Items)
    {
        var _selectedItem = _dataItem.ItemIndex;
        var _list = _dataItem.MuchBetterFindControl<Repeater>("dlPartnerCat");
        var _id = (int)_dataItem.OwnerTableView.DataKeyValues[_selectedItem]["BusinessPartnerId"];

        if (_id > 0)
        {
            _p = _partners.FirstOrDefault(i => i.BusinessPartnerId == _id);

            if (_list != null)
            {
                _list.DataSource = _p.BusinessPartnerCategories.OrderBy(n => n.BusinessPartnerCategoryName);
                _list.DataBind();
            }
        }
    }
}

所有这一切都很棒。但是我想将 Css class 应用到中继器内部的标签。这对单个值非常有效（就像我对 Status 所做的那样），它甚至可以为转发器中的第一个值分叉。

protected void dlPartnerCat_OnItemDataBound(object sender, RepeaterItemEventArgs e)
{
    foreach (GridDataItem _item in gvPartnerList.Items)
    {
        var _list = _item.MuchBetterFindControl<Repeater>("dlPartnerCat");

        foreach (RepeaterItem _ite in _list.Items)
        {
            var _partCatlbl = _ite.MuchBetterFindControl<Label>("lblPartCat");

            if (_partCatlbl != null)
            {
                switch (_partCatlbl.Text)
                {
                    case "Customer":
                        _partCatlbl.CssClass = ApplicationCssHelper.CustomerClass;
                        break;
                    case "Customer - Supplier":
                        _partCatlbl.CssClass = ApplicationCssHelper.Customer_SupplierClass;
                        break;
                    case "Supplier":
                        _partCatlbl.CssClass = ApplicationCssHelper.SupplierClass;
                        break;
                    case "Agent":
                        _partCatlbl.CssClass = ApplicationCssHelper.AgentClass;
                        break;
                    default:
                        _partCatlbl.CssClass = ApplicationCssHelper.WarningClass;
                        break;
                }
            }
        }

    }
}

中继器中的值可以是多个，我想根据中继器中标签的值（文本）设置不同的class

有什么想法吗？

好的，我已经解决了这个问题……至少部分解决了

我更改了中继器的 OnDataBound 方法：

protected void dlPartnerCat_OnItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        foreach (GridDataItem _item in gvPartnerList.Items)
        {
            var _list = _item.MuchBetterFindControl<Repeater>("dlPartnerCat");

            foreach (RepeaterItem _ite in _list.Items)
            {
                var _partCatlbl = _ite.MuchBetterFindControl<Label>("lblPartCat");

                if (_partCatlbl != null)
                {
                    switch (_partCatlbl.Text)
                    {
                        case "Customer":
                            _partCatlbl.CssClass = ApplicationCssHelper.CustomerClass;
                            break;
                        case "Customer - Supplier":
                            _partCatlbl.CssClass = ApplicationCssHelper.Customer_SupplierClass;
                            break;
                        case "Supplier":
                            _partCatlbl.CssClass = ApplicationCssHelper.SupplierClass;
                            break;
                        case "Agent":
                            _partCatlbl.CssClass = ApplicationCssHelper.AgentClass;
                            break;
                        default:
                            _partCatlbl.CssClass = ApplicationCssHelper.WarningClass;
                            break;
                    }
                }
            }

        }
    }

结果如下：

如您所见，除最后一个元素外，所有元素都应用了 css class...有人知道为什么吗？

Answer 1

我认为您需要删除两个 foreach 循环。没有必要，它只会增加额外的开销。

protected void dlPartnerCat_OnItemDataBound(object sender, RepeaterItemEventArgs e)
{
    var _partCatlbl = e.Item.FindControl("lblPartCat") as Label

    if (_partCatlbl != null)
    {
        switch (_partCatlbl.Text)
        {
            case "Customer":
                _partCatlbl.CssClass = ApplicationCssHelper.CustomerClass;
                break;
            case "Customer - Supplier":
                _partCatlbl.CssClass = ApplicationCssHelper.Customer_SupplierClass;
                break;
            case "Supplier":
                _partCatlbl.CssClass = ApplicationCssHelper.SupplierClass;
                break;
            case "Agent":
                _partCatlbl.CssClass = ApplicationCssHelper.AgentClass;
                break;
            default:
                _partCatlbl.CssClass = ApplicationCssHelper.WarningClass;
                break;
        }
    }
}

在 Repeater 内的标签上，在 GridView 的 Template Col 中设置 CssClass

Set CssClass on a label inside a Repeater, in a Template Col in a GridView

c#

asp.net

controls

repeater

nested