也可以在hover时打开kendo编辑器

我有Kendo网格下拉，datepicker编辑器。 它工作正常，只有当我点击块时打开下拉/ datepicker编辑器。

有没有办法让块在Hover上转换成编辑器forms（datePicker / dropdown）。

正常状态图像 – >

当我点击日期字段时，它会变为 – >

当我点击下拉菜单 – >

我希望在hover时将块转换为编辑器，块应该在模糊时恢复正常状态。

我的编辑模板是

function categoryDropDownEditor(container, options) { $('') .appendTo(container) .kendoDropDownList({ autoBind: true, dataSource: [{ "rsrc_cd": "EXTRS" , ... }], }); } 

这是TimeBlock选择器的代码 – >

  function numericEditorHh (container, options) { $(' ') .appendTo(container) .kendoNumericTextBox({ decimals: 0, min: 0, max: 23, format: 'n0', }).attr('maxlength', '2'); $('input[tag=timeEditor]').on('change', timeChange); }; 

对于日期时间选择器 – >

  function dateTimeEditor(container, options) { $('') .appendTo(container) .kendoDatePicker({ min: btch_strt_dt }); $('input[data-value-field=rsrc_dt]').attr('readonly', 'readonly'); $('input[data-value-field=rsrc_dt]').parent().css('margin-left','-5px'); } 

Answer 1

加载网格后调用此方法

  $("#gridName").on("mouseover", "td", function () { var tr = $(this).closest("tr"); if (!$(this).hasClass("k-edit-cell")){ $("#gridName").data("kendoGrid").editCell($(this)); } }); 

这适用于整行，但不应该很难修改列。 此外，在模糊效果上，您必须确保保存数据。

 $("#gridName").on("mouseleave", "td.k-edit-cell", function () { $("#gridName").data("kendoGrid").saveRow(); }); 

现在尝试这个，这应该停止散射，认为它应该工作。 祝好运