將屬性添加到使用映射插件映射的ko模型

我已經在淘汰賽js.I中添加了新屬性到映射對象中。我可以訪問表中添加的屬性。但是當我裝一個目的是另一種觀點認爲它並沒有顯示增加的屬性，但我可以在UI訪問映射屬性將屬性添加到使用映射插件映射的ko模型

function Ticket(jsTicket){ 
    var self = this; 
    ko.mapping.fromJS(jsTicket, {}, this); 
    this.company = "Gover"; 
    this.formattedDate = moment(self.date(),"YYYY-MM-DDTHH:mm:ss").format("MM-DD HH:MM"); 
    //This method call to another page, I could access js attribute in that UI but 
    // couldn't access manually added attributes,what would be the solution to this 
    this.getRunTicket = function(){ 
    servicet.getTicket(self); 
    } 
}

html頁面

<div data-role="page" id="rticketDetailsPage" data-theme="b"> 
     <div data-role="content" data-theme="b" data-position="fixed"> 
      <!-- mapped attribute from JS --> 
      <p>NO : <span data-bind="text: ticketNumber()"></p> 
      <!-- Manually added attributes -->  
      <p>Date : <span data-bind="text: formattedDate()"></p> 
      <p>Company : <span data-bind="text: company()"></p> 
     </div> 
    </> 

Data grid Model 

function DataGrid(){ 
    var self = this; 
    self.dataGrid = ko.observableArray(); 

    self.addTicketToGrid = function(ticket){ 
     self.dataGrid.push(ticket); 
    } 
}

數據網格的HTML

<tbody data-bind="foreach : dataGrid"> 
     <tr> 
     <td><span data-bind="text : number(),click: getTicket"></span></td> 
     <!-- formatted date is manually added attribute,displays in grid--> 
     <td><span data-bind="text : formattedDate()></span></td> 
     <td><span data-bind="text : operatorName()"></span></td> 
     </tr> 
</tbody>

爲什麼我無法在該範圍內手動添加添加的屬性？

預先感謝您

來源

2014-01-08 ExCode

company和formattedDate不observable S，但你想，如果他們來訪問它們。它們是簡單的字符串，但您的綁定嘗試將它們稱爲函數。

來源

2014-01-08 01:04:40 ebohlman

謝謝，現在正在工作 – ExCode

您應該將屬性添加到映射對象的方式是通過映射定義上的create函數（ko.mapping.fromJS的第二個參數）。

var mapping = { 
    create: function(opts) { 
     var result = ko.mapping.fromJS(opts.data); 
     result.company = ko.observable("Gover"); 
     return result; 
    } 
};

然後在你的門票構造

ko.mapping.fromJS(jsTicket, mapping, this);

這應該有助於解決你的問題，因爲對象將始終具有附加屬性。

另一條建議是使用自定義綁定或至少計算值來格式化表中的日期。

來源

2014-01-08 01:53:51

謝謝，我會牢記這一點。 – ExCode

將屬性添加到使用映射插件映射的ko模型

回答

相關問題