Я хотел бы push добавить новый элемент в observableArray, но только если элемент еще не присутствует. Есть ли какая-либо функция "найти" или рекомендуемая модель для достижения этой цели в KnockoutJS?
Я заметил, что функция remove на observableArray может получить функцию для передачи в состоянии. Я почти хочу использовать ту же функциональность, но просто нажимаю ее, если условие прошло или неверно.
Наблюдаемый массив предоставляет функцию indexOf (обертка ko.utils.arrayIndexOf). Это позволяет:
if (myObservableArray.indexOf(itemToAdd) < 0) {
myObservableArray.push(itemToAdd);
}
Если эти два не являются ссылкой на один и тот же объект, и вы хотите запустить собственную логику сравнения, вы можете использовать ko.utils.arrayFirst как:
var match = ko.utils.arrayFirst(myObservableArray(), function(item) {
return itemToAdd.id === item.id;
});
if (!match) {
myObservableArray.push(itemToAdd);
}
Спасибо RP. Здесь приведен пример использования вашего предложения для возврата свойства 'name' через свойство объекта id из моей модели представления.
self.jobroles = ko.observableArray([]);
self.jobroleName = function (id)
{
var match = ko.utils.arrayFirst(self.jobroles(), function (item)
{
return item.id() === id(); //note the ()
});
if (!match)
return 'error';
else
return match.name;
};
В HTML у меня есть следующее ($ parent из-за этого находится внутри цикла строки таблицы):
<select data-bind="visible: editing, hasfocus: editing, options: $parent.jobroles, optionsText: 'name', optionsValue: 'id', value: jobroleId, optionsCaption: '-- Select --'">
</select>
<span data-bind="visible: !editing(), text: $parent.jobroleName(jobroleId), click: edit"></span></td>
искать объект в файле ko.observableArray
function data(id,val)
{ var self = this;
self.id = ko.observable(id);
self.valuee = ko.observable(val); }
var o1=new data(1,"kamran");
var o2=new data(2,"paul");
var o3=new data(3,"dave");
var mysel=ko.observable();
var combo = ko.observableArray();
combo.push(o1);
combo.push(o2);
combo.push(o3);
function find()
{
var ide=document.getElementById("vid").value;
findandset(Number(ide),mysel);
}
function indx()
{
var x=document.getElementById("kam").selectedIndex;
alert(x);
}
function getsel()
{
alert(mysel().valuee());
}
function findandset(id,selected)
{
var obj = ko.utils.arrayFirst(combo(), function(item) {
return id=== item.id();
});
selected(obj);
}
findandset(1,mysel);
ko.applyBindings(combo);
<select id="kam" data-bind="options: combo,
optionsText: 'valuee',
value: mysel,
optionsCaption: 'select a value'">
</select>
<span data-bind="text: mysel().valuee"></span>
<button onclick="getsel()">Selected</button>
<button onclick="indx">Sel Index</button>
<input id="vid" />
<button onclick="find()">Set by id</button>
Я бы добавил "valueWillMutate()" перед изменениями и "valueHasMutated()" после них.
for (var i = 0; i < data.length; i++) {
var needChange = false;
var itemToAdd = data[i];
var match = ko.utils.arrayFirst(MyArray(), function (item) {
return (itemToAdd.Code === item.Code);
});
if (!match && !needChange) {
MyArray.valueWillMutate();
needChange = true;
}
if (!match) {
MyArray.push(itemToAdd);
}
}
if (needChange) {
MyArray.valueHasMutated();
}