MVC Razor jQuery partial view rendering

Question

How can I convert $("#myChildTabName").load("./MyController/MyMethod/" + myParameter); to use @url.Action ? MyMethod returns a PartialView. Basically I am I want to load a partial view upon click on the Tab.

Update as below: I have figured out a solution as below, but this is giving an error saying that applicationID does not exist in the current context. An alert just above the jQuery call does display applicationID.

//The below code DOES NOT work.

function LoadTabContents(applicationID)
{
        $("#currentTab").load('@Url.Action("TabMethod", "MyController", new { @id = applicationID })')
}

//The below code works fine.

function LoadTabContents(applicationID)
{
        $("#currentTab").load('@Url.Action("TabMethod", "MyController", new { @id = 123})')
}

Tallmaris · Accepted Answer · 2012-09-24 20:32:37Z

4

I am afraid what you are trying to do cannot be done all via Razor. The applicationID must be appended client side since only the client knows the real value. You can try something like this:

function LoadTabContents(applicationID) {
    $("#currentTab").load('@Url.Action("TabMethod", "MyController")' + '/'+ applicationID);
}

The URL.Action will generate the right path and the rest will append the parameter phased to the JavaScript function. Some fiddling must be done with the slashes since I cannot remember if the URL.action will append one or not...

answered Sep 24, 2012 at 20:32

Tallmaris

7,5903 gold badges31 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:18:48Z

1

@Url.Action - is server code, you can use it only in Razor Views. Look at this question ASP.NET MVC Url.Action in JQuery is not recognized

edited May 23, 2017 at 12:18

CommunityBot

11 silver badge

answered Sep 24, 2012 at 19:57

webdeveloper

17.3k3 gold badges51 silver badges47 bronze badges

4 Comments

daniele Over a year ago

function LoadTabContents(applicationID) { $("#currentTab").load('@Url.Action("TabMethod", "MyController", new { @id = 123})') } - does work fine. Now I need to pass on a correct parameter value instead of the hardcoded 123.

webdeveloper Over a year ago

@daniele my answer is correct even after update, @Url.Action generates on server and your function works on client.

daniele Over a year ago

Thanks webdeveloper for your suggestion. There is no argument that your code would work just fine. But my question is how can I fix the code so that it passes applicationID back to the server.

webdeveloper Over a year ago

@daniele You trying to mix server and client code, it's not possible. Create link outside function in razor view and then add parameter: generatedUrl + '/' + applicationID OR generatedUrl + '?id=' + applicationID

Anton Baksheiev · Accepted Answer · 2012-09-24 19:22:48Z

0

1 . You should not use partial method in this case, if you what ot load data via request, you should use return View(), not partial View. But you if want to add some html in view you should use partial.And in this case partial means part of main view.

If you want to avoid using main layout - set property layout=string.Empty

2 . You can load with POST method and use like, in this case you can not use load() because it is GET request. You $.POST or $.Ajax

 public ActionResult Index()
        {
            if (Request.IsAjaxRequest())

                return PartialView("partialView");
            else
                return View();
        }

Simple option for Partial vs View based on method type is set layout like:

@{ Layout = Request.IsAjaxRequest() ? null : "~/Views/Shared/_Layout.cshtml"; }

edited Sep 24, 2012 at 19:22

answered Sep 24, 2012 at 19:08

Anton Baksheiev

2,2612 gold badges15 silver badges15 bronze badges

1 Comment

daniele Over a year ago

Thanks Anton, but this is not the answer that I am looking for.

Anton Baksheiev · Accepted Answer · 2012-09-24 20:42:03Z

0

May be this solution would work for you

$("#currentTab").load('@Url.Action("TabMethod", "MyController", new { @id = "[APPLICATION_ID]"}).replace("[APPLICATION_ID]",applicationID)')

answered Sep 24, 2012 at 20:42

Anton Baksheiev

2,2612 gold badges15 silver badges15 bronze badges

Collectives™ on Stack Overflow

MVC Razor jQuery partial view rendering

4 Answers 4

Comments

4 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related