Come aggiungere/inserire un elemento in un ObservableArray in una certa posizione con Knockout.js

Question

Tutti gli esempi eliminazione diretta che ho trovato sembra di aggiungere una nuova voce alla fine di un ObservableArray usando qualcosa come:

viewModel.SomeItems.push(someNewItem); 

Questo ovviamente posiziona l'oggetto alla fine dell'array.

Come si aggiunge un oggetto a ObservableArray in una determinata posizione?

es. qualcosa di simile:

viewModel.SomeItems.push(someNewItem, indexToInsertItAt); 

Answer 1

Si dovrebbe essere in grado di utilizzare il nativo metodo JavaScript splice -

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

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

Esempio qui (non Knockout specifico) - How to insert an item into an array at a specific index?

Dai documenti Knockout -

Per le funzioni che modificano i contenuti della matrice, come la spinta e giunzione, i metodi di KO scattare automaticamente la dipendenza di monitoraggio meccanismo in modo che tutti gli ascoltatori registrati vengono informate del cambiamento, e l'interfaccia utente viene aggiornato automaticamente.

Answer 2

Per uso knockout

viewModel.SomeItems.unshift(someNewItem); 

Consulta anche: http://knockoutjs.com/documentation/observableArrays.html

Answer 3

ho fatto questa funzione di estensione che ha funzionato bene per me. Splice non funzionava per me se aggiungessi alla fine di una matrice sparsa.

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

questo funziona anche con:

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