Estoy tratando de vincular datos a un elemento de formulario en knockout.js. Sin embargo, no quiero que el elemento sea editable en el formulario, ni siquiera mostrar el elemento al usuario.
Puedo vincular correctamente los datos del valor a un elemento de entrada. Pero preferiría si pudiera simplemente extraer el valor del HTML o un texto de etiquetas, o un lapso. Entonces, lo siguiente funciona, pero no puedo cambiarlo, por lo que no es una entrada que el usuario pueda cambiar.
<input id="txtProvider" name="txtProvider" type="text" data-bind="value: $root.session().Resource().provider" />Intenté simplemente usar un elemento oculto con un marcador de posición, pero esto no funcionó.
<input id="txtProvider" name="txtProvider" type="hidden" placeholder="WebEx" data-bind="value: $root.session().Resource().provider" />¿Alguna sugerencia?
Gracias de antemano por la ayuda.
Lo que estás haciendo funciona, o debería funcionar, bien:
<form> <input type="hidden" data-bind="value: myHiddenVal" /> </form> function ViewModel() { self.myHiddenVal = ko.observable('Foo'); } ko.applyBindings(new ViewModel());Esto producirá:
<input type="hidden" data-bind="value: myHiddenVal" value="Foo">Ejemplo: https://jsfiddle.net/thebluenile/myves32x/
Aunque debo decir que, por supuesto, no conozco su caso de uso exacto, pero "extraer valores de elementos HTML" es algo antitético a cómo funciona Knockout, o cualquier otro marco de enlace de datos. Si el usuario no tiene que editar el campo, puede mantenerlo fuera de la interfaz de usuario por completo. El único caso de uso válido para elementos ocultos que se me ocurre sería si estuviera enviando el formulario a un script del lado del servidor para su procesamiento, en lugar de enviar su contenido a través de AJAX.