New to Kendo UI for jQuery? Start a free 30-day trial

Unbind

methods

Unbinds a tree of HTML elements from a View-Model.

unbind

Parameters:elementString|jQuery|Element

The root element(s) from which the unbinding starts. Can be a valid jQuery string selector, a DOM element or a jQuery object. All descendant elements are traversed.

 <div id="view">
   <label>First Name:<input data-bind="value: firstName" /></label>
   <label>Last Name:<input data-bind="value: lastName" /></label>
   <button data-bind="click: displayGreeting">Display Greeting</button>
 </div>
 <script>
 var viewModel = kendo.observable({
    firstName: "John",
    lastName: "Doe",
    displayGreeting: function() {
        // Get the current values of "firstName" and "lastName"
        var firstName = this.get("firstName");
        var lastName = this.get("lastName");
        alert("Hello, " + firstName + " " + lastName + "!!!");
    }
 });
 kendo.bind($("#view"), viewModel);
 // unbind the view model
 kendo.unbind($("#view"));
 </script>