or
<div class="k-toolbar"><input type="text" id="inputColor"></input><button id="addColorButton">Add Color</button></div><div id="grid"></div>var colors = [{ "ID": 1, "Name": "Blue"}, { "ID": 2, "Name": "Red" }]; var dataModel = new kendo.data.Model.define({id: "ID"}); var localDataSource = new kendo.data.DataSource({ transport:{ read: function(options){ options.success(colors); }, create: function(){ alert('Creating...'); } }, schema: { model: dataModel } }); $('#grid').kendoGrid({ dataSource: localDataSource, columns: [{title:"Color", field:"Name"}] }); $('#addColorButton').bind("click", function(){ localDataSource.add({ Name: $('#inputColor').val() }); localDataSource.sync(); });{ title: "Job Location Notes", template: "${ showLogLink(JobLocationNotes,JobID) }" },function showLogLink(JobLocationNotes, JobID) { if (JobLocationNotes != null && JobLocationNotes != "") { return JobLocationNotes + " <a href='javaScript:;' data-url='../ModalWindows/JobLocationNotes.aspx' title='Location Notes' class='jobLocationLink' data-id='" + JobID + "'>Log</a>"; } else { return ""; }} <a href='javaScript:;' data-url='../ModalWindows/JobLocationNotes.aspx' title='Location Notes' class='jobLocationLink' data-id='7'>Log</a> "<select data-bind="value: selectedColor"> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option></select><script> var viewModel = { selectedColor: "green" }; kendo.bind($("select"), viewModel);</script>Line: 6893Error: Unable to get value of the property 'get': object is null or undefined