交换 2 个项目在可观察数组 - 挖空

Swap 2 items in observableArray - knockout

本文关键字：观察 数组 挖空 项目 交换      更新时间：2023-09-26

im tring to 用 KNOCKOUT 替换 observableArray 中的 2 个项目，但有问题。

替换项目后，我将更改 displayOrder 属性（在两个 itmems 中）发送到服务器（或者我应该为此采取其他方法）

        ReplaceBetweenTwoitemsInArray: function () {
            console.log("ranking down msg");
            var currentItemindex = viewModel.myobservableArray.indexOf(this); 
            var nextItemIndex = currentItemindex + 1;
            viewModel.myobservableArray .replace(
                 viewModel.myobservableArray ()[nextItemIndex], 
                viewModel.myobservableArray ()[currentItemindex]
             );
        }
只有第一项更改为第二项

，但第二项不会成为第一项

与保利的答案类似，但也会触发对可观察量的更新，可能是 DRYer。

http://jsfiddle.net/marrok/ckMJE/101/

<ul data-bind="foreach: colors">
    <li><span data-bind="text:color"></span>
    </li>
</ul>
<br/>
<span>From:</span><input type="text" data-bind="value:from"/>
<br/>
<span>TO:</span><input type="text" data-bind="value:to"/>
<br/>
<button data-bind="click:swap">Swap It</button>​

Javascript：

var ViewModel = function() {
    this.self = this;
    self.from = ko.observable(0); // default
    self.to = ko.observable(1); // default
    self.colors = ko.observableArray([{
        color: 'red'},
    {
        color: 'green'},
    {
        color: 'pink'},
    {
        color: 'blue'},
    {
        color: 'yellow'}]);
    self.swap= function() {
        var iTo = parseInt(self.to());
        var iFrom = parseInt(self.from());
        var from = self.colors()[iFrom];
        var to = self.colors()[iTo];
        console.log("Before", self.colors().map(function(d){return d.color;} ), from, to, iFrom, iTo)
        self.colors()[iTo] = from;
        self.colors()[iFrom] = to;
        console.log("After ", self.colors().map(function(d){return d.color;} ), from, to, iFrom, iTo)
        self.colors.valueHasMutated()
    };
};
model = new ViewModel()
ko.applyBindings(model);​

您可以使用临时变量：

var arr = ko.observableArray([0, 1])
// Should produce arr() = [0, 1]
var tmp = arr()[0];
arr()[0] = arr()[1];
arr()[1] = tmp;
// At this point, arr() is [1, 0]

你可以直接在 observableArray 上使用 remove 和 splice 函数，如下所示：

var arr=ko.observableArray(["x","y"]);
var index=arr.indexOf("y");
var tmp=arr()[index-1];
arr.remove(tmp);
arr.splice(index,0,tmp);
相关文章：