<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "id", hidden:true},
{ field: "choose", title:"请选择", values:[{text:"姓名",value:1},{text:"年龄",value:2}]},
{ field: "name" },
{ field: "age" },
{ command: "edit" }
],
dataSource: {
data: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
],
schema: {
model: {
id: "id",
fields: {
choose: {},
name:{},
age:{type:"number"}
}
}
}
},
editable: {
mode: "inline"
},
toolbar:["create"],
edit: function(e) {
e.container.find("input[name=name]").kendoAutoComplete();
e.container.find("input[name=name]").removeClass("k-autocomplete");