[OPEN] [#342] [MVC] Accordion Render

Hi guys,

I have an accordion panel with 2 panel.
a panel with one button and an empty panel hidden.

If, when i click on this button and second panel just show, i expand my second panel, there is no problem.
If, when i click on this button and second panel just show, i click twice on button for hide then show second panel, the second panel expand is only half of the accordion (i join the screen for this)

TestView

Code:

---

@using Ext.Net;
@using Ext.Net.MVC;

@Html.X().ResourceManager(ViewBag.ManagerConfig as MvcResourceManagerConfig)

<script type="text/javascript">
    var testShowPanel = function () {
        if (Ext.getCmp('PanelSite').hidden) Ext.getCmp('PanelSite').show();
        else Ext.getCmp('PanelSite').hide();
    }
</script>

@(
 Html.X().Viewport()
    .Layout(LayoutType.Fit)
    .Items(
        Html.X().Panel()
        .ID("AccordionPanel")
        .Layout(LayoutType.Accordion)
        .ButtonAlign(Alignment.Center)
        .Items(
            Html.X().Panel()
            .Items(
                Html.X().Button()
                .ID("PanelSelection")
                .Text("test")
                .Listeners(p =>
                    {
                        p.Click.Fn = "testShowPanel";
                    })
            )
            ,
            Html.X().Panel()
            .ID("PanelSite")
            .Title("SiteTitle"))
            .Layout(LayoutType.Fit)
            .Hidden(true)
        )
        .Buttons(
            Html.X().Button()
            .ID("ButStartConfig")
            .Text("Lancer")
            .Hidden(true)
        )
    )
)

---

Attachment 6852

Regards

Hi @Tactem,

The test case throws the following for me:

Compiler Error Message: CS1061: 'Ext.Net.Viewport.Builder' does not contain a definition for 'Buttons' and no extension method '

it's the same problem for another post

Code:

---

.Title("SiteTitle"))

---

right code

Code:

---

@using Ext.Net;
@using Ext.Net.MVC;

@Html.X().ResourceManager(ViewBag.ManagerConfig as MvcResourceManagerConfig)

<script type="text/javascript">
    var testShowPanel = function () {
        if (Ext.getCmp('PanelSite').hidden) Ext.getCmp('PanelSite').show();
        else Ext.getCmp('PanelSite').hide();
    }
</script>

@(
 Html.X().Viewport()
    .Layout(LayoutType.Fit)
    .Items(
        Html.X().Panel()
        .ID("AccordionPanel")
        .Layout(LayoutType.Accordion)
        .ButtonAlign(Alignment.Center)
        .Items(
            Html.X().Panel()
            .Items(
                Html.X().Button()
                .ID("PanelSelection")
                .Text("test")
                .Listeners(p =>
                    {
                        p.Click.Fn = "testShowPanel";
                    })
            )
            ,
            Html.X().Panel()
            .ID("PanelSite")
            .Title("SiteTitle")
            .Layout(LayoutType.Fit)
            .Hidden(true)
        )
        .Buttons(
            Html.X().Button()
            .ID("ButStartConfig")
            .Text("Lancer")
            .Hidden(true)
        )
    )
)

---

Thank you.

Weird behavior. We will try to come up with a workaround.

For now I reported it to Sencha.
http://www.sencha.com/forum/showthread.php?271406

thanks Daniil

Sencha opened a bug. We created an Issue to track it.
https://github.com/extnet/Ext.NET/issues/342

Workaround

Code:

---

Ext.layout.container.Accordion.override({
    onComponentShow: Ext.emptyFn
});

---

thanks a lot daniil