Запитання з тегом «knockout.js»

Я будую функціональність на веб-сторінці, яку користувач може виконувати кілька разів. За допомогою дії користувача об’єкт / модель створюється та застосовується до HTML за допомогою ko.applyBindings (). Обмежений даними HTML створюється за допомогою шаблонів jQuery. Все йде нормально. Коли я повторюю цей крок, створюючи другий об'єкт / модель і викликаю …

113 javascript  knockout.js 

Я хотів би pushперенести новий елемент на observableArray, але лише в тому випадку, якщо його вже немає. Чи є якась функція «знайти» або рекомендована схема для досягнення цього в KnockoutJS? Я помітив, що removeфункція на а observableArrayможе приймати функцію для передачі в умові. Я майже хочу той самий функціонал, але …

103 knockout.js 

У мене є цей код нокауту: 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 …

99 javascript  knockout.js 

Я використовую KnockoutJS версії 2.0.0 Якщо я переглядаю всі властивості об'єкта, як я можу перевірити, чи є кожна властивість ko.observable? Ось що я спробував поки що: var vm = { prop: ko.observable(''), arr: ko.observableArray([]), func: ko.computed(function(){ return this.prop + " computed"; }, vm) }; for (var key in vm) { …

98 javascript  knockout.js 

Я постійно використовую цю ідіому в шаблонах HTML на основі 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 --> Чи існує кращий / чистіший спосіб зробити умовні умови в KO, чи є кращий …

95 javascript  knockout.js 

Мені потрібно мати кілька прив’язок даних до одного елемента. Наприклад, я хочу href, а також htmlприв'язку даних до одного a тегу. Я спробував це, <a data-bind="html: name" data-bind="attr: { href: url }" data-bind="attr: { 'data-prop': xyz }"> </a> Але це не працює. Здається, нокаут підтримує лише прив'язку однієї data-bind властивості? …

94 javascript  jquery  knockout.js 

Я хотів би створити мобільний додаток, створений ні з чого, окрім html / css та JavaScript. Незважаючи на те, що я маю пристойні знання про те, як створити веб-програму з JavaScript, я думав, що я можу заглянути в такий фреймворк, як jquery-mobile. Спочатку я думав, що jquery-mobile - це не …

88 mvvm  jquery-mobile  knockout.js 

У knockout.js 2.1.0 у шаблоні, що використовує прив'язку foreach, ви можете отримати доступ до індексу поточного елемента за допомогою функції $ index (). У вкладеному прив'язуванні foreach, чи є спосіб отримати доступ до індексу $ батьків з шаблону? Скажімо, у мене така структура даних: var application = { topModel: [ …

87 javascript  knockout.js  jquery-templates 

Я створюю користувацький інтерфейс дозволів, у мене є список дозволів зі списком вибору біля кожного дозволу. Дозволи представлені спостережуваним масивом об’єктів, які прив’язані до списку вибору: <div data-bind="foreach: permissions"> <div class="permission_row"> <span data-bind="text: name"></span> <select data-bind="value: level, event:{ change: $parent.permissionChanged}"> <option value="0"></option> <option value="1">R</option> <option value="2">RW</option> </select> </div> </div> Тепер …

87 knockout.js 

У мене є вхід, який має нокаут-прив'язку до значення. Коли я оновлюю значення за допомогою методу .val () jquery, змінене значення не відображається у viewModel. Мені потрібно використовувати jQuery, щоб встановити це значення. Як я можу запустити оновлення для viewModel?

86 knockout.js 

Я тільки починаю роботу з Knockout.js (завжди хотів спробувати, але тепер нарешті маю виправдання!) - Однак я стикаюся з деякими дуже поганими проблемами з продуктивністю, коли прив'язую таблицю до відносно невеликого набору даних (близько 400 рядків або близько того). У своїй моделі я маю такий код: this.projects = ko.observableArray( [] …

86 javascript  performance  knockout.js 

Чи можливо в нокауті отримати поточне значення спостережуваного в підписці на це спостережуване, перш ніж воно отримає нове значення? Приклад: 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 

У моїй моделі подання у мене є значення IsMale, яке має значення true або false. У своєму інтерфейсі я хочу прив’язати його до таких перемикачів: <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> Проблема, на мою думку, checkedпередбачає рядок "true" / "false". Отже, моє …

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

можливо отримати прив'язаний об'єкт ViewModel JavaScript із заданого елемента DOM? ko.applyBindings( gLoginViewModel, document.getElementById("login-form") ); ko.applyBindings( gLoginViewModel, document.getElementById("register-form") ); а десь ще - у досить не пов’язаному коді - приблизно так: var viewModel = ko.getViewModel( formElement ); viewModel.someObservable( someData ); // observable available in all ViewModels навіть було б краще, якби …

83 javascript  knockout.js 

Я намагаюся показати якусь розмітку на основі значення $index, я можу відобразити значення, але я не можу використовувати його з ifприв'язкою, який найкращий підхід тут? <!-- ko if: $index===0 --> <div>some mark up here</div> <!-- /ko -->

82 javascript  knockout.js