Шаблоны MVC3 jQuery

Question

Я пытаюсь научиться использовать шаблоны jQuery, используя этот старый пост ScottGu в блоге:

http://weblogs.asp.net/scottgu/archive/2010/05/07/jquery-templates-and-data-linking-and-microsoft-contributing-to-jquery.aspx

И плагин отсюда:

https://github.com/jquery/jquery-tmpl/blob/master/jquery.tmpl.min.js

Но либо я делаю что-то не так, либо эта статья больше не актуальна.

Не могли бы вы показать мне более качественную и актуальную статью?

Answer 1

Я написал пост в блоге о шаблонах jQuery неделю назад или около того.Нет никакой особой силы в том, чтобы заставить его работать с MVC - просто убедитесь, что вы возвращаете объект JSON / XML и ссылаетесь на правильные данные, и это все просто.Вы должны убедиться, что ваши шаблоны совпадают с данными, возвращаемыми вашим методом контроллера.

Из приведенного выше комментария фактически кажется, что ваша проблема заключается в ссылке на файл jquery-tmpl, прежде чем ссылаться на jquery файл в вашем заголовке.

Answer 2

Поскольку я нашел интересные вещи, которые ScottGu описал в этой статье, все еще в бета-версии, но вы уже можете использовать их, и это здорово!

вот фрагмент обновления, который работает:

<script type="jquery/x-jquery-tmpl" id="contactTemplate" >
  <div>
        Name: {{= name }} <br/>
        Phone: {{= phone }}
  <div>
</script>

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tmpl.min.js")" ></script>

<script type="text/javascript">
    var contact = { name: 'Scott Guthrie', phone: '31415' };

    $(document).ready(function() 
    {
        $('#contactTemplate').tmpl(contact).appendTo('#contactContainer');
    });
</script>

Как видите, метод .render () изменен на .tmpl (), и вместо массива я передаю один объект.