javascript - Dropdown to modify textbox value with knockout -
निम्न HTML / जावास्क्रिप्ट एक ड्रॉपडाउन मेनू बनाने का मेरा प्रयास पाठ बॉक्सेज़ में दो मानों को संशोधित करता है।
& lt; प्रकार चुनें = "दिनांक" डेटा-बाइंड = "विकल्प: डेटारंग, विकल्प टेक्स्ट: 'श्रेणीनाम', विकल्पपरिवर्तन: 'चुनें'" & gt; & LT; gt चयन और; & Lt; br & gt; & Lt; इनपुट प्रकार = "तिथि" डेटा-बाइंड = "मान: श्रेणी स्टार्टवैल, वैल्यूअपडेट: 'बाद में डाउन'" / & gt; & Lt; br / & gt; & Lt; इनपुट प्रकार = "तिथि" डेटा-बाइंड = "मान: श्रेणीःस्टॉपवाल, वैल्यूअपडेट: 'बाद में डाउन'" / & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" & gt; Var रेंजवैल्यू = फ़ंक्शन (नाम, स्टार्टवैल, स्टॉपवैल) {this.rangeName = name; This.rangeStartVal = startVal; This.rangeStopVal = stopVal; वापसी }; Var viewModel = {dateranges: ko.observableArray ([नया रेंजवैल्यू ("आज", "2014-04-28", "2014-04-28"), नया रेंजवाले ("कल", "2014-04-27", "2014-04-27"), नया रेंज वैल्यू ("यह सप्ताह", "2014-04-28", "2014-05-04"), नया रेंजवैल्यू ("अंतिम सप्ताह", "2014-04-21", "2014-04-27"),]),}; ko.applyBindings (ViewModel); & Lt; / स्क्रिप्ट & gt;
मैं चाहता हूं कि जब भी मैं प्रत्येक मूल पाठ बॉक्स में मूल्यों को संशोधित करने के लिए ड्रॉपडाउन में मान को परिवर्तित करता हूं, वही प्रारंभ मान होता है, और एक स्टॉप वैल्यू होता है।
आपको एक ऐसी संपत्ति को परिभाषित करना होगा जो चयनित श्रेणी को बनाए रखेगा। और अपने आदानों को सीमा से स्टार्टवॉल और रेंजस्टॉपवील गुणों की चयनित सीमा से बाँधने के साथ।
इसके अलावा आप देखेंगे कि यदि बाध्यकारी है, यह मूलतः कुछ भी नहीं बाँध देगा और तब तक तत्वों को छिपाना जब तक कि आपने रेंज सेट नहीं किया है।
& lt; प्रकार = "दिनांक" डेटा-बाइंड = "विकल्प: डेटार्स, विकल्प पाठ: 'श्रेणीनाम', विकल्पपरिवर्तन: 'चुनें', मान: चयनित रेंज "& gt; & LT; gt चयन और; & Lt; br & gt; & Lt; div डेटा-बाइंड = "यदि: selectedRange ()! = अपरिभाषित" & gt; & Lt; इनपुट प्रकार = "दिनांक" डेटा-बाइंड = "मान: चयनित रेंज ()। श्रेणी स्टार्टवैल, वैल्यूअपडेट: 'बाद में डाउन'" / & gt; & Lt; br / & gt; & Lt; इनपुट प्रकार = "तिथि" डेटा-बाइंड = "मान: चुने गए रेंज () .रेन्ज़स्टॉपवाल, वैल्यूअपडेट: 'बाद में डाउन'" / & gt; & Lt; / div & gt;
आपका दृश्य मॉडल:
var RangeValue = function (name, startval, stopVal) {var self = this; Self.rangeName = नाम; Self.rangeStartVal = startVal; Self.rangeStopVal = stopVal; }; फ़ंक्शन myVm () {var self = this; Self.dateranges = ko.observableArray ([नया रेंजवैल्यू ("आज", "2014-04-28", "2014-04-28"), नया रेंजवैल्यू ("कल", "2014-04-27", "2014 -04-27 "), नया रेंज वैल्यू (" यह सप्ताह "," 2014-04-28 "," 2014-05-04 "), नया रेंज वैल्यू (" पिछले सप्ताह "," 2014-04-21 "," 2014 -04-27 ")]); Self.selectedRange = ko.observable (); } Var viewModel = नया myVm (); ko.applyBindings (ViewModel);
Comments
Post a Comment