如何解决ASP.NET MVC Kendo网格使选择性列可编辑
我有一个带有asp.net核心mvc项目的kendo网格。我有7列,但我只需要其中两列即可进行编辑。
除了所有内容都是不可编辑的以外,还需要两个客户端模板列都可编辑
@(Html.Kendo().Grid<InvoiceLineViewModel>()
.DefaultSettings(gridSettings1,Localizer)
.Columns(columns =>
{
var clientTemplate1 = $@"<select class='selectpicker'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
";
columns.Bound(c => c.InvoiceLineReason).ClientTemplate(clientTemplate1).Width(75).Title("Reason").Width(30);
var clientTemplate = $@" <input type='text' class='form-control' asp-for='InvcAmt' />";
columns.Bound(c => c.Note).ClientTemplate(clientTemplate).Width(75).Title("Reason").Width(30);
columns.Bound(c => c.Type).Title("Type").Width(15);
columns.Bound(c => c.Part).Title("Part").Width(30);
columns.Bound(c => c.Unit).Title("Unit").Width(20);
columns.Bound(c => c.Quantity).Title("Quantity").Width(10);
}
).Editable(editable => editable.Mode(GridEditMode.InCell))
)
解决方法
连接到javascript中的edit
事件,并有条件地将列attr
设置为readonly
= true
。
赞:
.Events(events => events.Edit("edit"))
。
<script type="text/javascript">
function edit(e) {
if (e.model.isNew() == false) {
$("#column1").attr("readonly",true);
}
}
</script>
请参阅:
http://www.adambumgardner.com/blog/2015/12/17/make-a-read-only-column-in-kendo-ui-grid-edit-mode
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。