0

我想只禁用剑道可编辑网格的第一个单元格的编辑，我正在做类似下面的事情。实际上我正在尝试从剑道网格的第一个单元格中删除一个日期选择器，因为它不需要在那里。所以我在下面使用，这段代码从网格中删除了 datepicker，但它仍然显示一个文本框。我应该能够完全删除它。

  function onGridEditing(e) {
        var gridbody = $("#EditableGrid").data("kendoGrid");
        var gridData = gridbody.dataSource.view();
        var currentUid = gridData[0].uid;
        var Date = gridData[0].Date;
        var currenRow = gridbody.table.find("tr[data-uid='" + currentUid + "']");
        //var firstCell = currenRow.find('td:not(:empty):first');
        //firstCell.find('.k-select').remove();
        //alert(firstCell.val());
        currenRow.find('.k-select').remove();// this removes the datepicker but it is still showing textbox when user click on the row for edit.
        currenRow.find(".editDate").remove();

ALso I tried to apply a css over there so that it hide datepicker but not working
//$("#EditableGrid").data("kendoGrid")._data[0].addClass('hideMe');
    }

<style>

   .hideMe {
        /*visibility: hidden;*/
        border: none !important;
        background-color: none !important;
    }

</style>
4

1 回答 1

1

您可以禁用数据源模型中特定列的编辑。例如：

model: {
    fields: {
        ProductID: {
            //this field will not be editable (default value is true)
            editable: false
        }
    }
}

来源：Telerik 论坛

编辑：动态执行：

var model = $("#EditableGrid").data("kendoGrid").dataSource.getByUid(currentUid);
if (model) {
    model.fields["ProductID"].editable = false;
}
于 2016-06-29T06:36:37.367 回答