2013-03-06 2 views
0

Я использую новейшие ember и embertable. Пытался использовать пример со страницы и переписать его для использования в моем проекте MVC. Проблема в том, что строки не будут отображаться, но столбцы показывают.Нет строк, создаваемых embertable, но colums отображаются

Это проблема с новой версией ember?

Редактировать: Ввод som дополнительной информации здесь.

HTML

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

Выход (Нет строки = /)

Дата ввода Low Open Volume High Close

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. –

+0

Вы включили css, который пришел с примерами? –

+0

Да, и я включил jquery, jquery mousewheel и ui. –

ответ

0

Устаревший уголь и руль исправлены.

Смежные вопросы