kendo-ui - Kendo用户界面-如何在Kendo网格中创建编辑时使特定字段变为只读状态？

Question

我有一个关于如何在kendo UI中进行编辑时实现只读的问题。
请参阅下面的详细说明

我有以下领域:

名字(创建时可编辑)(编辑时可编辑)
姓氏(在创建时可编辑)(在编辑时可编辑)
用户名(创建时可编辑)(编辑时只读)
电子邮件(创建时可编辑)(编辑时可编辑)
电话号码(创建时可编辑)(编辑时可编辑)
PreWin2KUserName(创建时不可编辑)(编辑时只读)

使用Kendo UI网格引用链接
http://demos.kendoui.com/web/grid/editing-inline.html

加上这个来实现
http://www.kendoui.com/forums/ui/grid/making-column-as-readonly-on-update-and-editable-on-insert-in-grid.aspx

Answer 1

您可以使用Grid的edit event。如果模型不是新模型，即用户正在编辑(而不是创建)记录，则将readonly属性附加到所需的输入元素。

$('#yourGrid').kendoGrid({
     // ...
     edit: function(e) {
         if (!e.model.isNew()){
             // make sure the UserName id selector is correct in your code
             // (it should be, for a regular text input)
             $('#UserName').attr('readonly', 'readonly');
         }
     }
})