खोज…
प्रतिक्रियाशील क्वेरी
उदाहरण कोड:
मेन। Html में
<template name="test">
<input type="checkbox" id="checkbox1" name="name" value="data">Check Me
{{showData}}
</template>
Main.js में
var check_status='';
//Reactive Var Initialization
Template.main.onCreated(function (){
check_status=new ReactiveVar({});
});
Template.main.helpers({
showData : function(){
return Collection.find(check_status.get());
}
});
Template.main.events({
"change #checkbox1" : function(){
check_status.set({field: 'data'});
}
});
स्पष्टीकरण:
जब हम प्रतिक्रियाशील var check_status
प्रारंभ करते हैं तो हम {}
बराबर मूल्य निर्धारित करते हैं। हेल्पर में, रेंडरिंग के समय, उसी डेटा को क्वेरी Collection.find(check_status.get())
किया जाता है जो सभी डेटा को दिखाने के लिए उतना ही अच्छा है।
जैसे ही आप चेकबॉक्स पर क्लिक करते हैं, Template.main.events
. check_status
में वर्णित घटना चालू हो जाती है जो check_status
के मान को {field: data}
सेट करती है। चूंकि, यह एक प्रतिक्रियाशील showData
, showData
टेम्प्लेट को फिर से चलाया जाता है और इस बार क्वेरी का Collection.find({field: data})
है showData
Collection.find({field: data})
, इसलिए केवल फ़ील्ड, जहाँ field
मिलान किया गया 'data'
वापस आ गया है।
इस आदेश का उपयोग करने से पहले आपको reactive var
पैकेज ( meteor add reactive-var
) meteor add reactive-var
।