kendo-ui
केंडो यूआई एमवीवीएम

परिचय

टिप्पणियों

मूल बंधन

राय :

<form id="form">
    <label>First Name: <input data-bind="value: firstName" /></label>
    <label>Last Name: <input data-bind="value: lastName" /></label>
    <label>Gender:
        <select data-bind="source: genders, value: gender"></select>
    </label>
    <label><input type="checkbox" data-bind="checked: agreed" /> I have read the licence agreement</label>
    <button data-bind="enabled: agreed, click: register">Register</button>
    <div data-bind="visible: confirmed">
        Thank you for your registration, <span data-bind="text: firstName"></span> <span data-bind="text: lastName"></span>
    </div>
</form>

देखें-मॉडल:

var viewModel = kendo.observable({
        firstName: "Arif",
        lastName: "Rahman",
        genders: ["Male", "Female"],
        gender: "Male",
        agreed: false,
        confirmed: false,
        register: function(e) {
            e.preventDefault();

            this.set("confirmed", true);
        }
    });

    kendo.bind($("form"), viewModel);

डेमो विज़ि‍ट के लिए JSFIDDLER EXAMPLE

एक बाध्यकारी तत्व एक DOM तत्व (या विजेट) गुण को व्यू-मॉडल के एक क्षेत्र या विधि में जोड़ देता है। बाइंडिंग को डेटा बाइंडिंग विशेषता के माध्यम से फ़ॉर्म बाइंडिंग नाम में निर्दिष्ट किया जाता है : मॉडल फ़ील्ड या विधि , जैसे मान: FirstName । उपर्युक्त उदाहरण में कुछ बाइंडिंग का उपयोग किया गया था: मूल्य , स्रोत , दृश्यमान , सक्षम और क्लिक करें ।

केंडो यूआई एमवीवीएम अन्य गुणों के साथ-साथ एचटीएमएल , एटर आदि के लिए बाध्यकारी का समर्थन करता है। डेटा-बाइंड में डेटा-बाइंड = "सक्षम: सहमति: क्लिक: रजिस्टर" जैसे बाइंडिंग की अल्पविराम से अलग सूची हो सकती है।