默认情况下,在最大化模式下打开kendo窗口

时间:2016-03-01 11:39:02

标签: kendo-ui

我想在点击按钮时打开最大化的kendo窗口作为默认值。 我已经实现了

$("#window").data("kendoWindow").maximize().open();

使用操作:[ "Maximize", "Close"]当我点击kendo窗口的关闭按钮并重新打开kendo窗口时,它会复制恢复按钮。

2 个答案:

答案 0 :(得分:2)

我知道这个问题是在11个月前提出的,但是对于那些来这个页面寻找解决方案的人来说,你只需要先打开窗口然后最大化它。

$("#window").data("kendoWindow").open().maximize();

那很简单!

我使用UI for ASP.NET MVC,v.2016.2.714,它适用于我。

答案 1 :(得分:0)

我发布了这个在这里工作的样本。请尝试使用此Kendo版本。

$("#dialog").kendoWindow({
    actions: [ "Maximize",  "Close"],
    draggable: false,
    height: "300px",
    modal: true,
    pinned: false,
    position: {
        top: 100,
        left: 100
    },
    resizable: false,
    title: "Modal Window",
    width: "500px"
});
  
  
  $( "#target" ).click(function() {
  	$("#dialog").data("kendoWindow").maximize().open();
	});
  
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.112/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.112/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.112/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.112/styles/kendo.mobile.all.min.css"/>

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="dialog"></div>
  <div id="target">
  Click here
</div>

</body>
</html>