or
var persons = [ { FirstName: 'Andy', MiddleName: 'Albert', LastName: 'Arbuckle' }, { FirstName: 'Bob', MiddleName: 'Bertrand', LastName: 'Barrington' }, { FirstName: 'Carl', MiddleName: 'Cuthbert', LastName: 'Carruthers' }];$('#grid').kendoGrid({ dataSource: { data: persons }, columns: [ { field: 'FirstName', title: 'First Name' }, { field: 'MiddleName', title: 'Middle Name', hidden: true }, { field: 'LastName', title: 'Last Name' }, ], selectable: 'multiple cell', allowCopy: true});filterable: { multi: true, dataSource: new kendo.data.DataSource({ transport: { read: { url: Routing.generate('some_url'), dataType: 'json' } } })}filterable: { multi: true, dataSource: { transport: { read: { url: Routing.generate('some_url'), dataType: 'json' } } }}var productModel = kendo.data.Model.define({ id: 'id', fields: { 'someField': {type: 'string'} }});var productColumns = [ {field: "someField", title: "some field", filterable: { multi: true, dataSource: { transport: { read: { url: Routing.generate('some_url'), dataType: 'json' } } } } }];$scope.mainGridOptions = { columnMenu: true, columns: productColumns, dataSource: { transport: { read: { url: Routing.generate('get_products'), dataType: 'json', cache: false } }, pageSize: 50, serverPaging: true, serverFiltering: true, serverSorting: true, schema: { total: 'total', data: 'data', model: productModel } }, /*filterable: { extra: false, mode: "menu, row" },*/ filterable: true, groupable: false, height: $('.product-index-grid').height(), pageable: { pageSizes: [25, 50, 100, 250], buttonCount: 5, refresh: true }, reorderable: true, resizable: true, scrollable: true, sortable: true};<body> <input id="numerictextbox" /> <script> var textBox = $("#numerictextbox").kendoNumericTextBox({ change: function() { var value = this.value(); alert(value); } }).data("kendoNumericTextBox"); textBox.value(12345); // this should fire change event. </script></body>