Javascript 剑道ui api覆盖

Javascript 剑道ui api覆盖,javascript,kendo-ui,overriding,Javascript,Kendo Ui,Overriding,我用的是kendoUi包。我有剑道Ui窗口,我希望能够在屏幕的中心打开,而不是html文档。因此,我希望覆盖窗口的打开事件,以便能够覆盖应用程序中每个控件打开窗口的位置。您可以使用JS手动设置窗口的选项。 这是我自己kWindow设置函数的修改版本 function WindowSetup(winId, x, y) { var wind = $("#" + winId).data("kendoWindow"); wind.setOptions({ position: {top:

我用的是kendoUi包。我有剑道Ui窗口,我希望能够在屏幕的中心打开,而不是html文档。因此,我希望覆盖窗口的打开事件,以便能够覆盖应用程序中每个控件打开窗口的位置。

您可以使用JS手动设置窗口的选项。 这是我自己kWindow设置函数的修改版本

function WindowSetup(winId, x, y) {
  var wind = $("#" + winId).data("kendoWindow");

  wind.setOptions({
    position: {top:x, left:y}
  });

  wind.open();

  return wind;
}
这应该允许您手动设置位置


还可以设置高度宽度和默认内容

这是我的kWindow设置的原始版本(注意:我只是将内容居中) 这将自动重新调整窗口大小,以填充大多数浏览器窗口,如果在小屏幕上,则填充整个窗口

//Sets up the base window settings
//bLoad is if you are waiting for a ajax call to return the window content
//returns the kendoWindow widget instance
function WindowSetup(winId, bLoad) {
  var wind = $("#" + winId).data("kendoWindow");
  wind.restore();

  wind.setOptions({
    width: $(window).innerWidth() - ($(window).innerWidth() / 5),
    height: $(window).innerHeight() - ($(window).innerHeight() / 5)
  });

  //if True or Undifined we reset the content. False skips.
  if (bLoad !== false) {
    wind.content("<div class='k-loading-image'>&nbsp;</div>");
  }

  wind.center();
  wind.open();

  // If small screen size, open window full-screen
  if ($(window).innerWidth() < 600 || $(window).innerHeight() < 600) {
    wind.maximize();
  }

  return wind;
}
//设置基本窗口设置
//bLoad是指您正在等待ajax调用返回窗口内容
//返回kendoWindow小部件实例
函数窗口设置(winId、bLoad){
风险值风=$(“#”+winId).data(“kendoWindow”);
风。恢复();
wind.setOptions({
宽度:$(窗口).innerWidth()-($(窗口).innerWidth()/5),
高度:$(窗口).innerHeight()-($(窗口).innerHeight()/5)
});
//如果为True或Undefined,我们将重置内容。False将跳过。
if(bLoad!==false){
风。内容(“”);
}
中心风();
风开();
//如果屏幕尺寸较小,则打开窗口全屏
if($(窗口).innerWidth()<600 | |$(窗口).innerHeight()<600){
最大化风();
}
回风;
}