backbone与easyui的datagrid配合使用

$(document).ready(function() {
　　// Modelvar Person &＃61; Backbone.Model.extend({});
　　// Collectionvar PersonCollection &＃61; Backbone.Collection.extend({mondel:Person,
　　　　 // Test是个servlet&＃xff0c;返回json测试数据url:"Test"});var PersonView &＃61; Backbone.View.extend({
//View对应到domel: $("#placeholder"),dg:null,p:null,initialize: function() {p &＃61; new PersonCollection(); p.bind(&＃39;reset&＃39;, this.addAll, this);p.fetch({silent: true,reset:true,success:function(collection,response){collection.reset(collection.models);}}); },render: function(){var template &＃61; $("#layout-template").html();var content &＃61; _.template(template, {});this.$el.append(content);this.dg &＃61; this.$el.find(&＃39;#tbList&＃39;).datagrid({title :"easyui-datagrid列表",height:"auto",singleSelect:false,//是否单选 pagination:true,//分页控件rownumbers:true,//行号
columns:[[{field:&＃39;f1&＃39;,title:&＃39;姓名&＃39;,width:100},{field:&＃39;f2&＃39;,title:&＃39;年龄&＃39;,width:100},{field:&＃39;f3&＃39;,title:&＃39;备注&＃39;,width:100,formatter:function(dgg,row,is) {return "Hello,World!!";}}]],toolbar: [{ text: &＃39;添加&＃39;, iconCls: &＃39;icon-add&＃39;, handler: function() { openDialog("add_dialog","add"); } }]}); },addAll:function(persons) {var self &＃61; this; persons.each(function(person){self.dg.datagrid("insertRow",{row:person.attributes});});}});var personView &＃61; new PersonView();
// 渲染personView.render();
});