Как добавить / вставить элемент в ObservableArray в определенной позиции с помощью Knockout.js

Question

Все найденные мной примеры выбивания добавляют новый элемент в конец ObservableArray, используя что-то вроде:

viewModel.SomeItems.push(someNewItem);

Это, конечно, помещает элемент в конец массива.

Как добавить элемент в массив ObservableArray в определенной позиции?

например. что-то вроде:

viewModel.SomeItems.push(someNewItem, indexToInsertItAt);

Answer 1

Вы должны иметь возможность использовать собственный метод JavaScript splice -

viewModel.SomeItems.splice(2,0,someNewItem);

Документы здесь - https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/splice

Пример здесь (не зависит от нокаута) - Каквставить элемент в массив по определенному индексу?

Из документов Knockout -

Для функций, которые изменяют содержимое массива, таких как push и spliceМетоды KO автоматически запускают механизм отслеживания зависимостей, так что все зарегистрированные слушатели получают уведомление об изменении, а ваш пользовательский интерфейс автоматически обновляется.

Answer 2

Для нокаута используйте

viewModel.SomeItems.unshift(someNewItem);

См. Также: http://knockoutjs.com/documentation/observableArrays.html

Answer 3

Я сделал эту функцию расширения, которая хорошо работала для меня.Splice не работал для меня, если я добавлял в конец разреженного массива.

ko.observableArray.fn.setAt = function(index, value) {
    this.valueWillMutate();
    this()[index] = value;
    this.valueHasMutated();
}

Это работает даже с:

var a = ko.observableArray(['a', 'b', 'c']);
a.setAt(42, 'the answer');