kendo ui、オブジェクトの配列を更新する

Question

配列内のオブジェクトを単純に更新し、その配列を更新してデータがビューに戻るようにしようとしています。私のオブジェクトを更新し、配列を設定した後、私はUiの変更を見ていません。何かご意見は？

sortTableColumnは、ビュー内でクリック通気口であり、thTitlesはデータバインドを使用して設定されていますが、私はthTitles.sortClassNameの初期状態を変更するとどちらかが動作することを知っています。 uiで。

var viewModel = kendo.observable({ 
     sortTableColumn: function(e) { 
      this.thTitles[1].sortClassName = "icon fa-sort-down"; 
      console.log(this.thTitles); 
      var titles = this.thTitles; 
      this.set("thTitles", titles); 
     }, 
     thTitles: [ 
      { displayName: "Name", dataName: "name", sortDirection: 0, sortClassName:"" }, 
      { displayName: "Price", dataName: "price", sortDirection: 0, sortClassName: ""}, 
      { displayName: "Units", dataName: "unitsInStock", sortDirection: 0, sortClassName: ""} 
     ], 
}); 
kendo.bind($("#tableSortable"), viewModel); 

Answer 1

これを試してください。

var viewModel = kendo.observable({ 
     sortTableColumn: function(e) { 
         this.get("thTitles")[1].set("sortClassName", "icon fa-sort-down");   

     }, 
     thTitles: [ 
      { displayName: "Name", dataName: "name", sortDirection: 0, sortClassName:"" }, 
      { displayName: "Price", dataName: "price", sortDirection: 0, sortClassName: ""}, 
      { displayName: "Units", dataName: "unitsInStock", sortDirection: 0, sortClassName: ""} 
     ], 
}); 
kendo.bind($("#tableSortable"), viewModel);