Sunday, February 12, 2012

Is it possible (if so, how) to use jQuery"s appendTo with $.Views?

Here are two ways I have tried and failed:

$( $.Views('//home/home.ejs', {data:data}) ).appendTo('#home');

$( '//home/home.ejs', {data:data} ).appendTo('#home');


  1. I'm not familiar with $.Views but, try this:

    $( $.Views('//home/home.ejs', {data:data}) ).appendTo($('#home'));

    or this:

    $( '//home/home.ejs', {data:data} ).appendTo($('#home'));

    when you are calling appendTo, you have to pass a jQuery Selector as the parameter, not only the selector string...

  2. I found the error. It should have been $.View and not $.Views. But the second way still won't work.

    $( $.View('//home/home.ejs', {data:data}) ).appendTo('#home');

    $( '//home/home.ejs', {data:data} ).appendTo('#home');

  3. JavascriptMVC overrides some of jQuery's base methods. One of them is .html, allowing to specify a path to a view instead of the inner html:

    $("#home").html('//home/home.ejs', {data:data});

    Now, if you want to append, the .append method is overridden with the same functionality:

    $("#home").append('//home/home.ejs', {data:data});

    JSMVC Documentation:!jQuery.fn.append

  4. Once again great post. You seem to have a good understanding of these themes.When I entering your blog,I felt this . Come on and keep writting your blog will be more attractive. To Your Success!

    Classic Dresses
    Classic Bridesmaid Dresses
    Wedding Dresses with Sleeves