Preguntas etiquetadas con knockout.js

Estoy construyendo funcionalidad en una página web que el usuario puede realizar varias veces. A través de la acción del usuario, se crea un objeto / modelo y se aplica a HTML usando ko.applyBindings (). El HTML enlazado a datos se crea a través de plantillas jQuery. Hasta aquí todo …

113 javascript  knockout.js 

Me gustaría colocar pushun nuevo artículo en un observableArray, pero solo si el artículo aún no está presente. ¿Existe alguna función de "búsqueda" o patrón recomendado para lograr esto en KnockoutJS? He notado que la removefunción en un observableArraypuede recibir una función para pasar una condición. Casi quiero la misma …

103 knockout.js 

Tengo este código de eliminación: function Task(data) { this.title = ko.observable(data.title); this.isDone = ko.observable(data.isDone); } function TaskListViewModel() { // Data var self = this; self.tasks = ko.observableArray([]); self.newTaskText = ko.observable(); self.incompleteTasks = ko.computed(function() { return ko.utils.arrayFilter(self.tasks(), function(task) { return !task.isDone() }); }); // Operations self.addTask = function() { self.tasks.push(new Task({ …

99 javascript  knockout.js 

Estoy usando KnockoutJS versión 2.0.0 Si estoy recorriendo todas las propiedades de un objeto, ¿cómo puedo probar si cada propiedad es un ko.observable? Esto es lo que he probado hasta ahora: var vm = { prop: ko.observable(''), arr: ko.observableArray([]), func: ko.computed(function(){ return this.prop + " computed"; }, vm) }; for …

98 javascript  knockout.js 

Constantemente me encuentro usando este idioma en plantillas HTML basadas en KO: <!-- ko if: isEdit --> <td><input type="text" name="email" data-bind="value: email" /></td> <!-- /ko --> <!-- ko ifnot: isEdit --> <td data-bind="text: email"></td> <!-- /ko --> ¿Existe una forma mejor / más limpia de hacer condicionales en KO, o …

95 javascript  knockout.js 

Necesito tener múltiples enlaces de datos en un elemento. Por ejemplo, quiero una hrefasí como un htmlenlace de datos en una a etiqueta. He probado esto <a data-bind="html: name" data-bind="attr: { href: url }" data-bind="attr: { 'data-prop': xyz }"> </a> Pero esto no funciona. ¿Parece que el knockout solo admite …

94 javascript  jquery  knockout.js 

Me gustaría crear una aplicación móvil, elaborada con nada más que html / css y JavaScript. Si bien tengo un conocimiento decente sobre cómo crear una aplicación web con JavaScript, pensé que podría echar un vistazo a un marco como jquery-mobile. Al principio, pensé que jquery-mobile no era más que …

88 mvvm  jquery-mobile  knockout.js 

En knockout.js 2.1.0, en una plantilla que usa el enlace foreach, puede acceder al índice del elemento actual a través de la función $ index (). En un enlace foreach anidado, ¿hay alguna forma de acceder al índice de $ parent desde una plantilla? Digamos que tengo una estructura de …

87 javascript  knockout.js  jquery-templates 

Estoy creando una interfaz de usuario de permisos, tengo una lista de permisos con una lista de selección junto a cada permiso. Los permisos están representados por una matriz observable de objetos que están vinculados a una lista de selección: <div data-bind="foreach: permissions"> <div class="permission_row"> <span data-bind="text: name"></span> <select data-bind="value: …

87 knockout.js 

Tengo una entrada que tiene un enlace de nocaut al valor. Cuando actualizo el valor usando el método .val () de jquery, el valor cambiado no se refleja en viewModel. Necesito usar jQuery para establecer este valor. ¿Cómo puedo activar la actualización de viewModel?

86 knockout.js 

Recién estoy comenzando con Knockout.js (siempre quise probarlo, ¡pero ahora finalmente tengo una excusa!). Sin embargo, me encuentro con algunos problemas de rendimiento realmente malos cuando vincula una tabla a un conjunto relativamente pequeño datos (alrededor de 400 filas más o menos). En mi modelo, tengo el siguiente código: this.projects …

86 javascript  performance  knockout.js 

¿Es posible en el nocaut obtener el valor actual de un observable dentro de una suscripción a ese observable, antes de que reciba el nuevo valor? Ejemplo: this.myObservable = ko.observable(); this.myObservable.subscribe(function(newValue){ //I'd like to get the previous value of 'myObservable' here before it's set to newValue });

85 knockout.js  knockout-2.0  observable 

En mi modelo de vista, tengo un valor IsMale que tiene el valor verdadero o falso. En mi interfaz de usuario, deseo vincularlo a los siguientes botones de opción: <label>Male <input type="radio" name="IsMale" value="true" data-bind="checked:IsMale"/> </label> <label>Female <input type="radio" name="IsMale" value="false" data-bind="checked:IsMale"/> </label> Creo que el problema es que checkedespera …

84 javascript  knockout.js  knockout-mapping-plugin  knockout-2.0 

¿Es posible obtener el objeto JavaScript ViewModel enlazado de un elemento DOM dado? ko.applyBindings( gLoginViewModel, document.getElementById("login-form") ); ko.applyBindings( gLoginViewModel, document.getElementById("register-form") ); y en otro lugar, en un código bastante no relacionado, algo como esto: var viewModel = ko.getViewModel( formElement ); viewModel.someObservable( someData ); // observable available in all ViewModels incluso …

83 javascript  knockout.js 

Estoy tratando de mostrar un margen de beneficio basado en el valor de $index, puedo mostrar el valor pero parece que no puedo usarlo con un ifenlace, ¿cuál es el mejor enfoque aquí? <!-- ko if: $index===0 --> <div>some mark up here</div> <!-- /ko -->

82 javascript  knockout.js