帶有顯示值的灰燼鏈接屬性

Question

我的灰燼Route類看起來像下面

export default Ember.Route.extend({ 
    selectedRowCount: 10, 

    actions: { 
     dataLoaded: function(resp) { 
      this.set('gridPrms.summaryObj.total.value', resp.numRows) ; 
      var additional = this.get('gridPrms.summaryObj.additional'); 
      additional.push({label: 'Selected', value: this.get('selectedRowCount')}); 
      this.set('gridPrms.summaryObj.additional', additional); 
     }, 
     rowSelected: function(data){ 
      // This gets called and updates selectedRowCount, but the same is not reflected on UI 
      this.set('selectedRowCount',this.get('selectedRowCount') + 1); 
     }, 
     rowDeselected: function(data){ 
      // This gets called and updates selectedRowCount, but the same is not reflected on UI 
      this.set('selectedRowCount',this.get('selectedRowCount') - 1); 
     } 
    } 
}); 

而且我的模板看起來像

{{my-grid params=this.gridPrms dataLoaded="dataLoaded" rowSelected="rowSelected" rowDeselected="rowDeselected"}} 

而且我總結的對象是如下

var summaryObj = { 
    total: { 
     label: "Items", 
     value: "15" 
    }, 
    additional: [] 
}; 

我問題是當我渲染頁面時，我的網格從路徑attrib加載並設置「額外」屬性（選定標籤）尤特「selectedRowCount」正確

但同樣沒有得到「對UI」更新時，用戶不會行選擇/取消

如何鏈接的2個東西呢？

Answer 1

您需要更改此設置：

{{my-grid params=this.gridPrms dataLoaded="dataLoaded" rowSelected="rowSelected" rowDeselected="rowDeselected"}} 

這樣：

{{my-grid params=this.gridPrms dataLoaded="dataLoaded" rowSelected=rowSelectedCount rowDeselected=rowDeselectedCount}} 

我想，在你my-grid組件，你有這樣的事情：

{{rowSelected}}