আমি pushএকটিতে একটি নতুন আইটেম চাই observableArray, তবে কেবল যদি আইটেমটি ইতিমধ্যে উপস্থিত না থাকে। নকআউটজেএস এ অর্জনের জন্য কি কোনও "ফাইন্ড" ফাংশন বা প্রস্তাবিত প্যাটার্ন রয়েছে?
আমি লক্ষ্য করেছি যে removeএকটি অন ফাংশন observableArrayএকটি শর্ত কথা প্রসঙ্গে জন্য একটি ফাংশন পেতে পারেন। আমি প্রায় একই কার্যকারিতা চাই, তবে শর্তটি যদি সত্য হয় বা না হয় তবেই কেবল এটি চাপতে push
উত্তর:
একটি পর্যবেক্ষণযোগ্য অ্যারে একটি 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);
}
ko.utils.arrayFirst। আমি উত্তরে একটি নমুনা যুক্ত করব।
ধন্যবাদ আরপি আমার ভিউ মডেলের মধ্যে থেকে অবজেক্টের আইডি 'সম্পত্তি'র মাধ্যমে' নাম 'সম্পত্তি ফেরত দেওয়ার জন্য আপনার পরামর্শটি ব্যবহার করার উদাহরণ এখানে।
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;
};
এইচটিএমএলে, আমার নিম্নলিখিতগুলি রয়েছে ($ পিতামাতার এটি একটি টেবিল সারি লুপের ভিতরে থাকার কারণে):
<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();
}