剣道エディタをホバーに置いて

Question

私は剣道のドロップダウン、datepickerエディタを持っています。ブロックをクリックすると、dropdown/datepickerエディタが開いている以外は正常に動作します。ブロックはまた、ホバー上のエディタフォーム（日付ピッカー/ドロップダウン）に変換するように

は道が存在する場合があります。

ノーマル状態の画像 - >

私は日付フィールドをクリックすると、それが変わる - 私は、ドロップダウンをクリックすると>

- >

私はブロックをエディタにホバー自体に変換し、ブロックは通常の状態に戻るべきです。 >

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); 
}; 

日時ピッカーのために - - >

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

コールこのグリッド

をロードした後

マイエディタテンプレートはここ

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" , ... }], 
     }); 

} 

がTimeBlockピッカーのためのコードであります

$("#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(); 
}); 

ここでこれを試してください。これで散乱が止まるはずです。動作するはずです。 幸運