向 header 模板中的选项卡添加跨度

Question

为了让我的网站更加人性化。我想通过代码隐藏的跨度在选项卡上添加一个图标。只是为了让用户知道该选项卡不为空。

目前我有一个带有文本文档的标签。

<act1:TabContainer ID="TabContainer" runat="server" Width="100%" Visible="true" CssClass="MyTabStyle" ActiveTabIndex="0" OnPreRender="TabContainer_PreRender" >
<act1:TabPanel runat="server" ID="tbDocuments" HeaderText="Documents" TabIndex="3"  >

<HeaderTemplate>
    <div class="divTab">
        <asp:Label ID="lbDocuments" runat="server" Text="Documents"></asp:Label>
    </div>                                                                                        
</HeaderTemplate>

如何添加

<span class="glyphicon glyphicon-search"></span>

通过代码隐藏在 header 模板中的 asp 标签之后？

Answer 1

首先，将文字添加到 HeaderTemplate

<div class="divTab">
    <asp:Label ID="lbDocuments" runat="server" Text="Documents"></asp:Label>
    <asp:Literal ID="Literal1" runat="server"></asp:Literal>
</div>

然后使用 FindControl 找到 Literal 并添加图标。

Literal lit = tbDocuments.FindControl("Literal1") as Literal;
lit.Text = "<span class=\"glyphicon glyphicon-search\"></span>";

您可能需要稍微调整 FindControl 才能使其与 act1 控件一起使用。我没有这些，无法准确测试。您可能还必须先找到 TabContainer。

向 header 模板中的选项卡添加跨度

Adding a span to a tab in the header template

c#

asp.net

ajaxcontroltoolkit