cómo especificar la propiedad de nombre utilizando nocaut js

Question

Tengo una lista unida usando knockoutjs/MVC3

<div data-bind="foreach: phones"> 
    <input data-bind='value: number' /> 
</div> 

a enviar esto a mi acción del controlador, que es

[HttpPost] 
public ActionResult Index([Deserialize] WizardModel wizard, IStepViewModel step) 
{ 
} 

Anteriormente fue capaz de unirse a mi selección < T> usando jQuery especificando el nombre de la entrada que habría

<input name="Phones[0].Name" 
       Phones[1].Number etc.. 

Pero ahora estoy usando knockout No tengo claro cómo debería funcionar esto. Alguien me guíe en la dirección correcta.

Ta

Answer 1

Usted puede hacer esto mediante la unión de una plantilla o foreach como esto asumiendo sus números de teléfono están en una matriz observable attr.

<input data-bind='attr: { name: "Phones["+$index()+"].Name"}' /> 

También estoy asumiendo que usted está utilizando la última versión del golpe de gracia para que pueda utilizar el índice $.

Esto le permitirá nombrar las entradas para que funcionen con el enlace de modelo MVC.

Answer 2

Tal vez se podría crear una unión personalizada que establece el atributo de nombre. Mira aquí: http://knockoutjs.com/documentation/custom-bindings.html

, entonces debería ser capaz de escribir:

<input data-bind='yourBindingName: Name' /> 

Answer 3

Puede usar 'uniqueName', construir en knockout. Aquí está la documentación: http://knockoutjs.com/documentation/uniqueName-binding.html

Si desea enlace personalizado (por ejemplo, la generación de identificador único) se puede utilizar el enlace de encargo: http://knockoutjs.com/documentation/custom-bindings.html

Estas son respuestas útil para unuqueName y uniqueId: Unique ids in knockout.js templates y Knockout JS "uniqueName" binding - Same name to two fields

Mi aplicación para la generación de identificador único es:

ko.bindingHandlers.uniqueId = { 
    init: function (element, valueAccessor) { 
     if (valueAccessor()) { 
      element.id = ko.bindingHandlers.uniqueId.prefix + (++ko.bindingHandlers.uniqueId.counter); 
     } 
    }, 
    counter: 0, 
    prefix: "unique_id_" 
};