kendo Window 默认显示在左上角附近,不是居中看起来很是难看,查看了页面代码发现会自动加入style,但并没发现生成这些style的过程,后来在js中发现能简单解决这个问题。
- <script>
- $(document).ready(function(){
- var window = $("#window").kendoWindow({
- title: "Centered Window",
- width: "500px",
- height: "200px",
- visible: false
- }).data("kendoWindow");
- });
- $("#undo").click(function(){
- var window = $("#window").data("kendoWindow");
- window.center();
- window.open();
- });
- </script>
直接显示是这样的
- $(document).ready(function(){
- var window = $("#window").kendoWindow({
- title: "Centered Window",
- width: "200px",
- height: "200px"
- }).data("kendoWindow");
- window.center()
- );