Kendo网格可编辑的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启动之前声明一个kendo dataSource，使用通过Ajax返回的数据，然后在你的kendoGrid中使用这个dataSource，如下所示：

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

kendo网格初始化代码看起来像（注意你已经错误地声明了最后一部分，columns和editable）：

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