3

ドロップダウンと日付ピッカーエディターを備えた剣道グリッドがあります。ブロックをクリックしたときにドロップダウン/日付ピッカーエディターが開くことを除いて、正常に動作します。

ホバーでもブロックをエディターフォーム(datePicker/dropdown)に変換する方法はありますか?

正常な状態の画像 - >

ここに画像の説明を入力

日付フィールドをクリックすると、-> に変わります

ここに画像の説明を入力

ドロップダウンをクリックすると->

ここに画像の説明を入力

ホバー自体でブロックをエディターに変換し、ぼかしでブロックを通常の状態に戻す必要があります。

私のエディターテンプレートは

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 ピッカーのコードは次のとおりです - >

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

1 に答える 1

2

グリッドをロードした後にこれを呼び出します

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

これを試してみてください。これで散乱が止まるはずです。うまくいくと思います。幸運を

于 2016-04-28T15:08:19.083 に答える