Question

我有一个关于如何在kendo UI中实现readonly on edit的问题。请参阅下面的详细说明

我有以下字段：

FirstName（在创建时可编辑）（编辑时可编辑）
LastName（在创建时可编辑）（编辑时可编辑）
UserName（在创建时可编辑）（只读编辑）
电子邮件（可在创建时编辑）（可编辑时编辑）
TelephoneNumber（可在编辑时编辑）（编辑时可编辑）
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

您可以使用网格的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');
         }
     }
})

Kendo UI - 如何在编辑时使特定字段只读编辑，同时在kendo网格中创建可编辑字段？

1 个答案: