검도 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);