MVC批量更新,使用jQuery Template

在"MVC批量更新,可验证并解决集合元素不连续控制器接收不完全的问题"中，当点击"添加"按钮的时候，通过部分视图，在界面上添加新行。本篇体验使用jQuery Template，在界面上添加新行。

□ 思路

→引用jQuery Template所需要的js文件：jquery.tmpl.min.js
→在<script type="text/x-jquery-tmpl" >

<li style="padding-bottom:15px">

    <input autocomplete="off" name="FavouriteMovies.Index" type="hidden" value="${index}" />

    <img src="/Content/images/draggable-icon.png" style="cursor: move" alt=""/>

    <label>Title</label>

    <input name="FavouriteMovies[${index}].Title" type="text" value="" />

    <label>Rating</label>

    <input name="FavouriteMovies[${index}].Rating" type="text" value="0" />

    <a href="#" onclick="$(this).parent().remove();">Delete</a>

</li>

</script>