当我点击提交按钮

时显示表格填充数据div我是新的骨干。我创建了一个表单，现在我想用前台服务来显示数据。我的代码是：当我点击提交按钮

模板：

<script type="text/template" id="details"> 
<ul> 
<% _.each(persons, function(person) { %> 
<li><label>emailId : </label><%= person.emailId.emailId %></li> 
<li><%= person.emailId.emailId %></li> 
<% }); %> 
</ul> 
</script>

模型，收集和查看

<script type="text/javascript"> 
     var UserModel = Backbone.Model.extend({}); 

     var EntityList = Backbone.Collection 
       .extend({ 
        model : UserModel, 
        url : 'http://192.168.1.3:8080/cofinding/business_profile/searchBusiness/123456789' 

       }); 

     var View = Backbone.View.extend({ 

      el : '#mydiv', 
      template : _.template($("#details").html()), 
      initialize : function() { 
       var self = this; 
       this.coll = new EntityList(); 
       this.coll.fetch({ 
        success : function() { 
         self.render(); 
        } 
       }); 
      }, 

      render : function() { 
       // the persons will be "visible" in your template 
       this.$el.html(this.template({ 
        persons : this.coll.toJSON() 
       })); 
       return this; 
      } 

     }); 
     var view = new View(); 


     </script>

上面显示了从服务我的数据的代码。但我需要当我点击提交按钮。

来源

2014-02-14 sonalgoyal

你好，大家好我得到了我的结果是什么，我想：

<body> 
    <div class="container"> 
     <h1>User name</h1> 
     <hr> 
     <div class="page"></div> 
    </div> 

    <script type="text/template" id="edit-user-template"> 
    <table border="1" cellpadding="4"> 
     <tr> 
      <th>Email Id</th> 
      <th>Is Verified</th> 
      </tr> 
     <% _.each(users, function(user) { %> 
      <tr> 
      <td><%= user.get('emailId').emailId %></td> 
      <td><%= user.get('emailId').isVerified %></td> 
      </tr> 
      <tr> 
      <td><%= user.get('emailId').emailId %></td> 
      <td><%= user.get('emailId').isVerified %></td> 
      </tr> 
     <% }); %> 

    </table> 

    </script> 



    <script> 
     var Users = Backbone.Collection 
       .extend({ 

        url : 'http://192.168.1.3:8080/app/business_profile/searchBusiness/123456789' 

       }); 

     var UserList = Backbone.View.extend({ 
      el : '.page', 
      render : function() { 
       var that = this; 
       var users = new Users(); 
       users.fetch({ 
        success : function() { 
         var template = _.template($('#edit-user-template') 
           .html(), { 
          users : users.models 
         }); 
         that.$el.html(template); 
        } 
       }) 
      } 
     }); 

     var Router = Backbone.Router.extend({ 
      routes : { 
       '' : 'home' 
      } 
     }); 

     var userList = new UserList(); 

     var router = new Router(); 
     router.on('route:home', function() { 
      userList.render(); 
      //console.log('we have loaded the home page'); 
     }); 

     Backbone.history.start(); 
    </script>

来源

2014-02-15 12:49:33 sonalgoyal

比方说，你有你的页面上的以下按钮：

<button id="submit">Submit</button>

您的视图将需要定义一个events object跟踪当用户点击这个按钮，会发生什么：

var View = Backbone.View.extend({ 

    events: { 
     'click #submit': 'fetchEntityList' 
    }, 

    el: '#myDiv', 

    //etc... 

});

你然后可以定义执行的功能。它可能应该做类似什么您目前拥有的东西在initialize：每当用户点击提交

fetchEntityList: function() { 
    var self = this; 
    this.coll.fetch({ 
     success : function() { 
      self.render(); 
     } 
    }); 
}

的fetchEntityList功能现在将执行。它将获取您的EntityList集合并将其呈现在页面上。

来源

2014-02-14 13:46:49

当我点击提交按钮

回答

相关问题