¿Cómo añadir/insertar un elemento en un ObservableArray en una posición determinada con Knockout.js

Question

Todos los ejemplos que he encontrado knockout parecen añadir un nuevo elemento al final de un ObservableArray usando algo como:

viewModel.SomeItems.push(someNewItem); 

Esto, por supuesto, coloca el elemento al final de la matriz.

¿Cómo agrego un elemento al ObservableArray en una determinada posición?

por ejemplo. algo así como:

viewModel.SomeItems.push(someNewItem, indexToInsertItAt); 

Answer 1

Usted debe ser capaz de utilizar el nativo método JavaScript splice -

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

Docs aquí - https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/splice

Ejemplo aquí (no Knockout específica) - How to insert an item into an array at a specific index?

De los documentos Knockout -

Para las funciones que modifican el contenido de la matriz, como el empuje y de empalme, los métodos de KO disparar automáticamente la dependencia de seguimiento mecanismo de modo que todos los detectores registrados son notificados del cambio, y la interfaz de usuario se actualiza automáticamente.

Answer 2

Para uso nocaut

viewModel.SomeItems.unshift(someNewItem); 

Consulte también: http://knockoutjs.com/documentation/observableArrays.html

Answer 3

Hice esta función de extensión que funcionó muy bien para mí. Splice no funcionaba para mí si estaba agregando al final de una matriz dispersa.

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

Esto funciona incluso con:

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