我只是试图结合骨干js和
jquery手机的优势.我正在为移动设备开发,目前正在尝试开发动态列表,用于调试日志消息.想象你有一个控制台窗口,想把条目放在里面.事情是,总是插入一个新的>,列表必须刷新ala’$(‘#myList’).listview(‘refresh’).这不适合我,我得到错误:
错误:在初始化之前不能在listview上调用方法;尝试调用方法’刷新’
tagName:’ul’,
id:’console’,
- consoleTemplate : _.template($('#console-template').html()),initialize : function() {
- console.log('ConsoleView:init');
- this.$el.attr('data-inset','true');
- this.$el.attr('data-role','listview');
- this.$el.css('width','50%');
- this.$el.append(this.consoleTemplate());
- // für alle Funktionen die mit this arbeiten
- _.bindAll(this,'render','addConsoleItem','appendConsoleItem');
- this.consoleItemCollection = new ConsoleItemCollection();
- this.consoleItemCollection.bind('add',this.appendConsoleItem);
- this.counter = 0;
- this.render();
- },render : function() {
- console.log('ConsoleView:render');
- var self = this;
- _(this.consoleItemCollection.models).each(function(item) {
- self.addConsoleItem(item);
- },this);
- return this;
- },
^^这是我的控制台视图的提取.
- var view = Backbone.View.extend({
- el : 'div',id : 'content',consoleView : null,initialize : function() {
- console.log('ApplicationView:init');
- _.bindAll(this,'render');
- this.$el.attr('data-role','content');
- _.bindAll(this,'render');
- this.consoleView = new ConsoleView();
- this.consoleView.addConsoleItem(new ConsoleItemModel());
- },render : function() {
- console.log('ApplicationView:render');
- this.$el.append(this.consoleView.render().el);
- return this;
- }
- });
这是我的应用程序视图.
谢谢!