kendoGrid edit功能

1.編輯的三種方式

editable:true           //單元格編輯
editable:'inline'       //行內編輯
editable:'popup'        //彈出編輯

2.自定義編輯模式

columns:[
    { field:'', title:'', editor:Editor }
]

//下拉列表
function Editor(container, options){
    $('<input required name="' + options.field + '"/>')
    .appendTo(container)
    .kendoDropDownList({
        dataSource:{
            data:[
                {CategoryID:'01',dataTextField:'堆垛組'},
                {CategoryID:'02',dataTextField:'托盤組'},
            ]
        },
        dataTextField: "CategoryName",
        dataValueField: "CategoryID",
    })
}

如圖：

3.初始化的時候，設置某一列是否可編輯(dataSource中設置)

dataSource:{
    schema:{
        model:{
            fields:{
                a:{ editable:false }   //當前列不可編輯
            }
        }
    }
}

4.根據某一個參數來動態控制單元格是否可編輯

columns:[
    { field:'', title:'', editable:function(item) {
        //item為當前編輯行的數據
        if(item.isDisabled) { return false}
        return true
    }}
]