What's New?

[MVC] How to use a partial view in a window?

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Nov 14, 2012, 10:14 PM

    [MVC] How to use a partial view in a window?

    I have a partial view that is a FormPanel, which I want to display in a window.

    Views/Shared/_MyForm.cshtml:
    <body>
@(Html.X().FormPanel()
    .ID("MyPanel")
    .Items(items => {
        items.Add(Html.X().FieldContainer()
            ...
        );
    })
)
</body>
    Now I'm not sure how to get this in the window. Here is what I'm trying:
    Views/Home/Index.cshtml:
    ...items.Add(Html.X().Window()
    .ID("MyWindow")
    .Items(item => {
        item.Add(Html.X().Panel()
            .ID("MyPanel")
            .Loader(new ComponentLoader{
                AutoLoad = true,
                Url = "~/Home/FormPartialView"
            })
        );
    })
)
    Controllers/HomeController.cs:
    public ActionResult FormPartialView(string containerId)
{
    Ext.Net.MVC.PartialViewResult pr = new Ext.Net.MVC.PartialViewResult(containerId, Ext.Net.RenderMode.AddTo);
    pr.SingleControl = true;
    return pr;
}
    First of all, I don't know if this is right at all... Secondly, how do I pass "containerId" to the controller?
  2. #2
    Nov 15, 2012, 1:38 AM
    If want just put your PartialView inside window you can just ItemsFromPage:

    Index.cshtml

    @Html.X().Window().ItemsFromPage(this, "~/Views/Test/WindowShow.cshtml").Title("Window").Layout("Fit").Height(200).Width(300)
    Controller:

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

public Ext.Net.MVC.PartialViewResult WindowShow()
{
	return new Ext.Net.MVC.PartialViewResult {
		ViewName = "WindowShow"
	};
}
    WindowShow.cshtml

    @(Html.X().FormPanel()
    .Items(i =>
           	{
           		i.Add(Html.X().TextField().FieldLabel("Text Field 1"));
                i.Add(Html.X().TextField().FieldLabel("Text Field 2"));
			}
    )
)
    Also, it will be useful for you check this thread http://forums.ext.net/showthread.php...xt-PartialView
    Last edited by Baidaly; Nov 15, 2012 at 1:51 AM.
  3. #3
    Nov 15, 2012, 2:07 PM
    Thanks, it works for the window!

    However, I want to use the partial view in a couple places on my page - i.e., I have an "edit user" panel, and an "add user" popup, and I want both to use the same form. Rather than repeating the code twice, I thought a partial view would do the trick... But using

    .ItemsFromPage(this, "~/Views/Shared/MyForm.cshtml")
    in Index.cshtml twice gives me a server error: "An item with the same key has already been added."
    Last edited by KBorkiewicz; Nov 15, 2012 at 3:24 PM.
  4. #4
    Nov 19, 2012, 11:19 PM
    I don't see any problems and exceptions. I have tried following code in Index.cshtml:

    @Html.X().Window().ItemsFromPage(this, "~/Views/Test/WindowShow.cshtml").Title("Window 1").Layout("Fit").Height(200).Width(300).X(1)

@Html.X().Window().ItemsFromPage(this, "~/Views/Test/WindowShow.cshtml").Title("Window 2").Layout("Fit").Height(200).Width(300).X(300)
    Can you post example of your problem?
  5. #5
    Nov 20, 2012, 1:44 PM
    The problem was that the partial view had .ID fields set. I took the IDs out and it works.
  6. #6
    Nov 21, 2012, 5:30 PM
    I'm searching a way to use Partial View twice, without removing IDs which are usefull for some features.
    The Desktop Module way should be the right way, but I can't put single desktop modules in partial view.

    Anyone has an idea?

    Thanks.

Similar Threads

  1. [CLOSED] [2.1] MVC Partial View
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Aug 23, 2012, 12:04 PM
  2. [CLOSED] Partial View Error
    By peter.campbell in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Feb 10, 2012, 10:32 AM
  3. Javascript not work in partial view mvc.ext.net
    By theblackcat_2902 in forum 1.x Help
    Replies: 9
    Last Post: Aug 24, 2011, 10:31 AM
  4. [CLOSED] Modal Partial view Window
    By SymSure in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: May 19, 2011, 5:26 PM
  5. [CLOSED] MVC- How to display a Partial View from a window
    By SymSure in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Apr 08, 2011, 11:32 AM

Tags for this Thread

Posting Permissions