Öffnen Kendo-Editor auf Hover auch

Question

Ich habe Kendo-Raster mit Dropdown-Menüs, datepicker Editor. Es funktioniert gut, außer für den Dropdown/datepicker Editor geöffnet, wenn ich auf den Block klicke.

Kann es auch einen Weg geben, dass der Block in Hover auch in Editor-Form (datePicker/dropdown) umgewandelt wird.

Normalzustand Bild ->

Wenn ich auf das Datumsfeld klicken, ändert es ->

Wenn ich auf Dropdown klicken ->

Ich möchte die Blöcke in den Editor in Hover selbst umgewandelt werden und Blöcke sollten in den Normalzustand auf Unschärfe zurück.

ist mein Editor Vorlage

function categoryDropDownEditor(container, options) { 
    $('<input required data-text-field="rsrc_Description" data-value- field="rsrc_cd" data-bind="value:' + options.field + '"/>') 
     .appendTo(container) 
     .kendoDropDownList({ 
      autoBind: true, 
      dataSource: [{ "rsrc_cd": "EXTRS" , ... }], 
     }); 

} 

Hier ist der Code für die Blockierzeit Picker ist ->

function numericEditorHh (container, options) { 
    $('<input name="editableBlock" data-bind="value:' + options.field + '" style="width:35px" tag="timeEditor" id="cccc" /> ') 
      .appendTo(container) 
     .kendoNumericTextBox({ 
      decimals: 0, 
      min: 0, 
      max: 23, 
      format: 'n0', 
     }).attr('maxlength', '2'); 
     $('input[tag=timeEditor]').on('change', timeChange); 
}; 

Für Datetime Picker ->

function dateTimeEditor(container, options) { 
    $('<input name="editableBlock" data-text-field="' + options.field + '" data-value-field="' + options.field + '" data-bind="value:' + options.field + '" data-format="' + options.format + '"/>') 
      .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

Anruf danach das Gitter

Laden

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

Dies funktioniert für die gesamte Zeile, sollte aber für eine Spalte nicht schwer zu modifizieren sein. Auch bei Ihrem Blur-Effekt müssen Sie sicherstellen, dass Sie die Daten speichern.

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

Versuchen Sie dies jetzt, sollte dies die Streuung stoppen, denke, es sollte funktionieren. Viel Glück