如何在MVC Ext.Net中的Tabpanel上添加tabreorderer

时间:2013-09-26 20:03:11

标签: ext.net

我有一个TabPanel和一些标签。如何使用tabreorderer插件或其他方式向前或向后重新排列它们。我想在Ext.NET MVC中这样做。一个小的示例代码如下所示:

  

Html.X()。的TabPanel()

.ID("TabPanel1")
.AutoScroll(true)
.Flex(8)
//.BodyPadding(10)
.MinTabWidth(140)
.Items(
    Html.X().Panel()
        .Title("Dashboard")
        .LayoutConfig(new FitLayoutConfig { DefaultMargins = "0" })
        .BodyStyle("background:White !important;")
        .StyleSpec("border:3px solid White; !important")
        //.BodyPadding(5)
        .ContextMenuID("contextMenuPopup")
        .AutoScroll(true)
        .Items(
            Html.X().Panel()
                .Layout(LayoutType.VBox)
                .Border(false)
                .LayoutConfig(new VBoxLayoutConfig { Align = VBoxAlign.Stretch })
                .Items(
                    Html.X().Panel()
                        //.Flex(1)
                        .Height(35)
                        .Layout(LayoutType.Fit)
                        .Border(false)

在这段代码中,我有一个面板,即仪表板。同样,我添加了一些面板,但动态点击菜单项。所以任何人都可以知道如何在这里使用'tabreorderer'插件。当我尝试使用下面的代码在Tabpanel上添加插件时:

  

.Plugins(Html.X()。TabReorderer())

但它对我不起作用。

1 个答案:

答案 0 :(得分:0)

您需要将TabReorderer插件添加到插件集合中。

<强>实施例

.Plugins(plugins => {
    plugins.Add(Html.X().TabReorderer());
})

希望这有帮助。