3

是否可以使用 AjaxToolkit 将选项卡的位置设置为选项卡容器的底部？您确实对 CSS 有一定的控制权，但我对 CSS 还不够了解，看它是否可行？

谢谢

4

2 回答 2

3

您不能使用此控件的现成版本，但您可以轻松修改源代码以创建您自己的版本。检查 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();
    }

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

于 2008-10-30T15:43:27.297 回答
3

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

TabContainer 属性

  • ActiveTabChanged (Event) - 在回发后更改选项卡时在服务器端触发
  • OnClientActiveTabChanged - 附加到客户端 tabChanged 事件的 javascript 函数的名称
  • CssClass - 用于定义选项卡的自定义外观的 css 类覆盖。有关更多详细信息，请参阅选项卡主题部分。
  • ActiveTabIndex - 要显示的第一个选项卡
  • 高度- 设置选项卡主体的高度（不包括 TabPanel 标题）
  • 宽度- 设置选项卡主体的宽度
  • ScrollBars - 是否在 TabContainer 的主体中显示滚动条（None、Horizo​​ntal、Vertical、Both、Auto）
  • TabStripPlacement - 是否在容器顶部或下方（顶部、底部）呈现选项卡
于 2009-10-16T15:33:17.003 回答