[OPEN] [#570] Partial view with component loader

[thesvr]

Hi,

I am upgrading a project from 2.5 and I have an issue with loading a partial view in a window using a directevent. The same code works in 2.5 but not in 3.0. In 3.0 the partial view is loaded in the background but it is not rendered, the window stays blank.

Thanks in advance!

I created a simplified example:
controller

        public ActionResult Index()
        {
            return View();
        }

        [DirectMethod]
        public ActionResult ButtonShowWindow()
        {

            //loader
            ComponentLoader WinLoader = new ComponentLoader
            {
                Url = Url.Action("window", "Test"),
                Scripts = true
            };

            //add parameter
            WinLoader.Params.Add(new Parameter("containerId", "testWindow"));

            //create window
            Window win = new Window
            {
                ID = "testWindow",
                Title = "test",
                Height = 450,
                Width = 550,
                Loader = WinLoader,
                Layout = "FitLayout"
            };

            win.Render(RenderMode.Auto);

            return this.Direct();
        }

        public ActionResult window(string containerId)
        {

            return new Ext.Net.MVC.PartialViewResult
            {
                ContainerId = containerId,
                RenderMode = RenderMode.AddTo
            };
        }

Index view

@(Html.X().ResourceManager())
@(Html.X().Button()
        .Text("Show window")
        .DirectEvents(de =>
        {
            de.Click.Url = Url.Action("ButtonShowWindow");
        })
)

Window view

@(Html.X().Panel()
    .Width(200)
    .Height(200)
    .Icon(Icon.Clock)
    .Title("Server Time")
    .Padding(10)
    .Html(DateTime.Now.ToLongTimeString())
)

[Daniil]

Hi @thesvr,

Thank you for the report. It is a known Issue:
https://github.com/extnet/Ext.NET/issues/570

I've added a reference to this thread in the issue.

At the moment I can suggest the following solution.

1. Please replace

Scripts = true

with

Mode = LoadMode.Script

Result:

ComponentLoader WinLoader = new ComponentLoader
{
    Url = Url.Action("window"),
    Mode = LoadMode.Script
};

2. Please add

WrapByScriptTag = false

for the PartialViewResult.

Result:

return new Ext.Net.MVC.PartialViewResult
{
    ContainerId = containerId,
    RenderMode = RenderMode.AddTo,
    WrapByScriptTag = false
};

[thesvr]

I just checkt sencha change log and it seems to be fixed (EXTJS-18192 Component.load does not honour the scripts: true config).

I am starting a migration from v2 to v3. This project uses script is true everywhere. Is there any other way how to migrate without using the proposed solution?

[fabricio.murta]

Hello @thesvr!

Thanks for pointing the Sencha issue!

I could find that fix you mentioned in both ExtJS 5.1.2 changelog and ExtJS 6.0.1 changelog, so that's a fix meant to be honored (at first) in the upcoming Ext.Net 4 version.

We will analyze if upgrading ExtJS from 5.1.1 to 5.1.2 on Ext.NET is allowed and get back to you.