javascript - 剑道网格可编辑 false 不起作用

Question

在我的 Kendo Grid 中，我想让一个字段不可编辑，我的数据源是通过 Ajax 调用获取的，我确实喜欢以下内容，但不起作用:

$("#turbingrid").kendoGrid({                       
    dataSource: result,
    scrollable: false,
schema: {
    model: {
        id: "DeviceIP",
        fields: {
            DeviceIP: {
                editable:false
            }
        }
    }
    columns: [
        { field: 'DeviceIP', title: 'DeviceIP', width: '100px'},
        { field: 'Producer', title: 'Producer', width: '80px'},
        editable: "popup"
});

Answer 1

您没有将 schema 属性声明为 kendoGrid 的一部分初始化。这些属性属于 dataSource .

在 kendoGrid 初始化之前使用通过 Ajax 返回的数据声明一个 kendo 数据源，然后在 kendoGrid 中使用此数据源，如下所示:

var dataSource= new kendo.data.DataSource({
    data: result,
    schema: {
      model: {
        id: "DeviceIP",
        fields: {
            DeviceIP: {
                editable:false
            }
        }
      }
    }
});

剑道网格初始化代码将如下所示(请注意，您错误地声明了最后一部分，列和可编辑):

$("#turbingrid").kendoGrid({                       
    dataSource: dataSource,
    scrollable: false,    
    columns: [
        { field: 'DeviceIP', title: 'DeviceIP', width: '100px'},
        { field: 'Producer', title: 'Producer', width: '80px'}
    ],
    editable: "popup"
});