R – ASP.NET MVC radiobutton not working in the parent view to call partial view

asp.net-mvcmodel-view-controller

I have two strongly Typed partial views (Developers list and Testers list) and the respective views are Developers.ascx and Testers.ascx

Now I want to load one partial view based on the radiobutton selected.
The below code is not working on radio button change.

Code Snippet:

$('input:radio[name=Type]').change(function() {

var url = '/Home/Developers'; 
if ($(this).val() === '2') { 
    url = '/Home/Testers'; 
} 
$("#result").load(url);

});

I tried $("input[name=Type]").click(function()
But din't work.

I would appreciate if anyone can provide any clue why the partial view is not loading on change event. or some guidelines.

Thanks

Rita

Best Answer

You can try to add a line with

if ($(this).val() === '2') { 

alert('hello');

just to make sure that your code actually runs at all.

You can also call a function in the onChange()-event of the html element, instead of triggering it via $('input:radio[name=Type]').change.

Do you need to compare with three equal signs? Are you certain that the value will be '2' and not 2?

As long as the document is fully loaded and, as Marwan states above, your url:s actually point to action methods that do anything, it should work.

btw: shouldn't this be tagged with jquery or something else than just mvc?

Related Solutions

Json – ASP.NET MVC controller actions that return JSON or partial html

In your action method, return Json(object) to return JSON to your page.

public ActionResult SomeActionMethod() {
  return Json(new {foo="bar", baz="Blech"});
}

Then just call the action method using Ajax. You could use one of the helper methods from the ViewPage such as

<%= Ajax.ActionLink("SomeActionMethod", new AjaxOptions {OnSuccess="somemethod"}) %>

SomeMethod would be a javascript method that then evaluates the Json object returned.

If you want to return a plain string, you can just use the ContentResult:

public ActionResult SomeActionMethod() {
    return Content("hello world!");
}

ContentResult by default returns a text/plain as its contentType.
This is overloadable so you can also do:

return Content("<xml>This is poorly formatted xml.</xml>", "text/xml");

Asp.net-mvc – How to render an ASP.NET MVC view as a string

Here's what I came up with, and it's working for me. I added the following method(s) to my controller base class. (You can always make these static methods somewhere else that accept a controller as a parameter I suppose)

MVC2 .ascx style

protected string RenderViewToString<T>(string viewPath, T model) {
  ViewData.Model = model;
  using (var writer = new StringWriter()) {
    var view = new WebFormView(ControllerContext, viewPath);
    var vdd = new ViewDataDictionary<T>(model);
    var viewCxt = new ViewContext(ControllerContext, view, vdd,
                                new TempDataDictionary(), writer);
    viewCxt.View.Render(viewCxt, writer);
    return writer.ToString();
  }
}

Razor .cshtml style

public string RenderRazorViewToString(string viewName, object model)
{
  ViewData.Model = model;
  using (var sw = new StringWriter())
  {
    var viewResult = ViewEngines.Engines.FindPartialView(ControllerContext,
                                                             viewName);
    var viewContext = new ViewContext(ControllerContext, viewResult.View,
                                 ViewData, TempData, sw);
    viewResult.View.Render(viewContext, sw);
    viewResult.ViewEngine.ReleaseView(ControllerContext, viewResult.View);
    return sw.GetStringBuilder().ToString();
  }
}

Edit: added Razor code.

Best Answer

Related Solutions

Json – ASP.NET MVC controller actions that return JSON or partial html

Asp.net-mvc – How to render an ASP.NET MVC view as a string

Related Topic