model-view-controller
  • ember.js
  • ember-table
  • 2013-03-06 87 views 0 likes 
    0

    我正在使用最新的可用的燼。試圖使用來自頁面的示例,並重寫它在我的MVC項目中使用。問題是,行不會顯示,但列顯示。沒有可行但列顯示的行

    這是一個新的餘燼版本的問題?

    編輯:把som更多的信息在這裏。

    HTML

      <script type="text/x-handlebars" data-template-name="application"> 
          <div class='presentation-container'> 
          {{view Ember.Table.TablesContainer controllerBinding="tableController"}} 
          </div> 
         </script> 
    

    輸出(沒有行= /)

    日期條目低打開音量高關閉

    EmployeetaskController

    App.EmployeetasksController = Ember.Controller.extend({ 
        tableController: Ember.computed(function() { 
         return Ember.get('App.EmployeetasksController.TableController').create(); 
        }).property() }); 
    
    App.EmployeetasksController.LazyDataSource = Ember.ArrayProxy.extend({ 
        init: function() { 
         console.log('EmployeetasksController.LazyDataSource init'); 
         enter code here this._super(); 
        }, 
        objectAt: function (idx) { 
         console.log("Lager rad"); 
         var date, row; 
         row = this.get('content')[idx]; 
         if (row) { 
          return row; 
         } 
         date = new Date(); 
         date.setDate(date.getDate() + idx); 
         row = { 
          index: idx, 
          date: date, 
          open: Math.random() * 100 - 50, 
          high: Math.random() * 100 - 50, 
          low: Math.random() * 100 - 50, 
          close: Math.random() * 100 - 50, 
          volume: Math.random() * 1000000 
         }; 
         this.get('content')[idx] = row; 
         return row; 
        }, }); 
    
    App.EmployeetasksController.TableController = Ember.Table.TableController.extend({ 
        init: function() { 
         console.log('EmployeetasksController.TableController init'); 
         this._super(); 
        }, 
        hasHeader: true, 
        hasFooter: true, 
        numFixedColumns: 0, 
        numRows: 500000, 
        rowHeight: 30, 
        columns: Ember.computed(function() { 
         var columnNames, columns, dateColumn, entryColumn; 
         columnNames = ['open', 'high', 'low', 'close', 'volume']; 
         entryColumn = Ember.Table.ColumnDefinition.create({ 
          columnWidth: 100, 
          headerCellName: 'Entry', 
          contentPath: 'index' 
         }); 
         dateColumn = Ember.Table.ColumnDefinition.create({ 
          columnWidth: 150, 
          headerCellName: 'Date', 
          getCellContent: function (row) { 
           return row['date'].toDateString(); 
          } 
         }); 
         columns = columnNames.map(function (key, index) { 
          var name; 
          name = key.charAt(0).toUpperCase() + key.slice(1); 
          return Ember.Table.ColumnDefinition.create({ 
           columnWidth: 100, 
           headerCellName: name, 
           getCellContent: function (row) { 
            return row[key].toFixed(2); 
           } 
          }); 
         }); 
         columns.unshift(dateColumn); 
         columns.unshift(entryColumn); 
         return columns; 
        }).property(), 
        content: Ember.computed(function() { 
         console.log("Lager array"); 
         return App.EmployeetasksController.LazyDataSource.create({ 
          content: new Array(this.get('numRows')) 
         }); 
        }).property('numRows') }); 
    

    觀點

    App.EmployeetasksView = Ember.View.extend({ 
        classNames: 'ember-app', 
        templateName: 'employeetasks' 
    }); 
    
    +0

    請向我們展示您的努力,可能通過在jsfiddle.net中創建小提琴。如果你不指定你的問題是什麼,我們很難幫助你。這聽起來不像ember.js的一般問題。 – 2013-03-06 10:24:47

    +0

    您是否包含了示例中提供的css? – 2013-03-06 19:26:10

    +0

    是的,我已經包含了jquery,jquery mousewheel和ui。 – 2013-03-07 08:23:23

    回答

    0

    過時的燼和把手固定它。

    相關問題