kendo-ui - 是否可以在剑道网格中设置剑道日期选择器的下拉日历相对于文本框的对齐方式

Question

当数据类型为 Date 时，kendo 网格使用带有下拉日历的 kendo datepicker 列。

日期选择器的下拉日历通常与输入框的左边缘对齐。如果没有空间，则将其移至左侧，但还不够。当网格中最右边的列是日期并且网格占据屏幕上可用宽度的 100% 时，就会出现问题：下拉日历中的星期六列被“截断”。见附图。

是否可以告诉日历下拉列表（对于特定列）使其与文本输入的右边缘对齐？

Answer 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