KenDoGrid中字段动态可编辑

最新推荐文章于 2024-05-08 02:39:14 发布

O_o皆有珂能

最新推荐文章于 2024-05-08 02:39:14 发布

阅读量4.6k

点赞数

分类专栏： KenDoUI 文章标签： KenGrid 可编辑

本文链接：https://blog.csdn.net/qq_29875917/article/details/54946374

版权

<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");