2

データ型が Date の場合、剣道グリッドは列のドロップダウン カレンダー付きの剣道日付ピッカーを使用します。

日付ピッカーのドロップダウン カレンダーは、通常、入力ボックスの左端と同じ高さに揃えられます。その余地がない場合は、左に移動しますが、十分ではありません。これは、グリッドの右端の列が日付で、グリッドが画面で使用可能な幅の 100% を占有している場合に問題を引き起こします: ドロップダウン カレンダーの土曜日の列が「切り取られ」ます。添付の写真を参照してください。

(特定の列の) カレンダーのドロップダウンに、テキスト入力の右端に揃えるように指示することはできますか?

ここに画像の説明を入力

4

1 に答える 1

1

私はそのバグを知っています。日付ピッカー アニメーション コンテナーは、右スクロールバーの下に隠されています。ボディ オーバーフローを非表示に設定すると、スクロールバーが表示されず、カレンダーが画面の右端に収まり、次の例のように表示されます: http://dojo.telerik.com/UCOhA

ただし、ボディのスクロールバーをオフにできない場合は、次のように手動でカレンダーの位置を設定する必要があります。

$("#piker").kendoDatePicker({
    open: function(e) {
      //setTimeout to let kendo make k-animation-container element at first open
      setTimeout(function(){
        var animationContainer = $("#" + e.sender.element.attr("id") + "_dateview").parent();
        var left = e.sender.element.offset().left + e.sender.element.closest('.k-datepicker').width() - animationContainer.width();
        animationContainer.css('left', left);
      });
    },
  //turnoff the animation to avoid strange visual effects
  animation: {
   open: {
     duration: 0
   }
  }
});

実行例：http ://dojo.telerik.com/Imiqa/2

于 2014-11-08T11:47:10.297 に答える