kendo ui，更新一个对象数组

Question

我试图简单地更新数组内的对象，然后更新该数组，以便数据返回到视图。更新我的对象，并设置数组后，我没有看到ui的变化。有什么想法吗？

sortTableColumn，是视图中的单击通道，thTitles是使用data-bind设置的，我知道两者都有效，因为如果我改变thTitles.sortClassName的初始状态：＆＃34;＆＃34;，I会在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);