ASP.NET MVC 剑道网格使选择性列可编辑答案

【问题标题】：ASP.NET MVC kendo grid make selective columns editableASP.NET MVC 剑道网格使选择性列可编辑
【发布时间】：2020-10-07 15:22:47
【问题描述】：

我有一个带有 asp.net core mvc 项目的剑道网格。我有 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))
                    )

【问题讨论】：

标签： asp.net-mvc asp.net-core gridview kendo-grid

【解决方案1】：

在 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

【讨论】：