为Ajax选项卡容器创建水平滚动选项卡

时间:2015-10-01 00:55:27

标签: javascript asp.net ajax tabcontainer

我在ajax标签容器中有很多标签,无法放入一行。所以我想为ajax tab容器创建一个水平滚动选项卡,使所有选项卡适合单行。

我在网上尝试了很长一段时间,但仍无法找到解决方案。我的ajax选项卡容器和选项卡面板将在c#中动态创建。 这是我想要实现的输出:(见下文:)

enter image description here

这是我的代码:

    //Aspx file
 <div>
             <asp:scriptmanager ID="ScriptManager1" runat="server">
            </asp:scriptmanager>
        </div>
        <asp:updatepanel ID="UpdatePanel1" runat="server" ScrollBars="Horizontal">
            <contenttemplate>
        <asp:placeholder ID="PlaceHolder1" runat="server"></asp:placeholder>

                <asp:Chart runat="server">

                </asp:Chart>

            </contenttemplate>
        </asp:updatepanel>

//Cs file
AjaxControlToolkit.TabContainer container = new AjaxControlToolkit.TabContainer();
            container.ID = "TabContainer";
            container.EnableViewState = false;
            container.Tabs.Clear();
            container.Height = Unit.Pixel(2000);
            container.Width = Unit.Pixel(2000);
            container.Tabs.AddAt(0, GetManualTab());

  AjaxControlToolkit.TabPanel panel = new AjaxControlToolkit.TabPanel();
                    panel.HeaderText += item.Text;
                    container.Tabs.Add(panel);

问题:如何为ajax标签容器创建水平滚动标签,以便将多个标签放入一行

感谢有人能为我提供帮助。谢谢!

此致

费利西亚

0 个答案:

没有答案