asp.net - ASP.AJAX TabContainer/TabPanel 定制

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();
    }

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