日期:2014-05-16  浏览次数:20351 次

基于Backbone.js的JavaScript MVC示例程序(8)
  • 一.概述
  • 二.REST Server的实现
  • 2.1 REST API设计
  • 2.2 数据库设计
  • 2.3 用MyBatis实现的DAO层
  • 2.4 用Jersey实现的REST API
  • 2.5 用Spring AOP实现的日志功能
  • 三.前端的实现
  • 3.1 显示User列表
  • 3.2 显示User详细信息
  • 3.3 修改User信息
  • 3.4 增加User
  • 3.5 删除User
  • 3.6 添加validate

3.5 删除User

在 User 列表中每一个条目的左侧增加一个 "del" 按钮,点击之后就会删除当前的条目,界面如下图所示:

5.html

1 <!-- 增加一个"del"按钮 -->
2 <script type="text/template" id="user-item-template">
3      <button id="delete-submit">del</button>(<%= id %>)</span><a href="#"><%= username %></a>
4 </script>

mvc5.js

 1 $(document).ready(function() { 
 2      
 3      var User = Backbone.Model.extend({
 4      });
 5      
 6      var UserList = Backbone.Collection.extend({
 7          ... //不变 
 8      });
 9      
10      var UserItemView =