ASP.AJAX TabContainer/TabPanel Customisation

Question

是否可以使用AjaxToolkit将选项卡的位置设置在选项卡容器的底部？你确实可以控制CSS，但我对CSS还不够熟悉，不知道它是否可行？

感谢

Answer 1

您不能使用该控件的现成版本，但您可以轻松地修改源代码以创建自己的版本。签出AjaxControlToolkit\Tabs\TabContainer.cs（如下）。您需要颠倒顺序，以便RenderHeader（）部分位于RenderChildren（）部分下方。或者，你可以在控件中添加一个名为"RenderHeaderFirst"的属性或类似的东西来实现相同的功能：

    protected override void RenderContents(HtmlTextWriter writer)
    {
        Page.VerifyRenderingInServerForm(this);
        // rendering the tabs (header)
        writer.AddAttribute(HtmlTextWriterAttribute.Id, ClientID + "_header");
        writer.RenderBeginTag(HtmlTextWriterTag.Div);
        {
            RenderHeader(writer);
        }
        writer.RenderEndTag();
        // rendering the contents of the tabs (children)
        if (!Height.IsEmpty)
            writer.AddStyleAttribute(HtmlTextWriterStyle.Height, Height.ToString());
        writer.AddAttribute(HtmlTextWriterAttribute.Id, ClientID + "_body");
        writer.RenderBeginTag(HtmlTextWriterTag.Div);
        {
            RenderChildren(writer);
        }
        writer.RenderEndTag();
    }

附言：我自己还没有尝试过，但这看起来是正确的方向。

Answer 2

或者您可以只使用TabContainer的TabStripPlacement属性。。。

选项卡容器属性

• ActiveTabChanged（事件）-回发后更改选项卡时在服务器端激发
• OnClientActiveTabChanged-要附加到客户端tabChanged事件的javascript函数的名称
• CssClass-一个css类覆盖，用于定义选项卡的自定义外观。有关详细信息，请参阅选项卡主题部分
• ActiveTabIndex-显示的第一个选项卡
• 高度-设置选项卡主体的高度（不包括TabPanel标题）
• 宽度-设置选项卡主体的宽度
• 滚动条-是否在TabContainer的主体中显示滚动条（无、水平、垂直、两者都显示、自动）
• TabStripPlacement-是在容器顶部还是下方（顶部、底部）渲染选项卡