Question

我正在使用Kendo UI，我想在点击按钮时弹出模态对话框。然而它第一次工作正常，但是当我关闭对话框并再次单击打开按钮时，屏幕会消失，但窗口非常小，宽度和高度都很少。

这是我的代码：

  <div id="progressDialog">
      <p>
         blah blah
      </p>
  </div>

  <script>
    $(document).ready(function() {
       var dlg = $("#progressDialog").kendoWindow({
        actions: ["Custom", "Pin", "Refresh", "Maximize", "Minimize", "Close"],
        draggable: false,
        height: "300px",
        modal: true,
        pinned: false,
        position: {
            top: 100,
            left: 100
        },
        resizable: false,
        title: "Modal Window",
        width: "500px"
      });

      $("#someGrid").kendoGrid({
        ...
        dataBound: function(e){     
          $("#showButton").unbind('click').click(function(){          
            dlg.data("kendoWindow").open();
          }
        }
        ...
      });
    });
  </script>

这个$（＆＃34;＃showButton＆＃34;）部分位于 dataBound 事件中初始化的kendoGrid内部，如果这很重要的话。页面上还有其他窗口，所以可能有一些碰撞，idk ...但是它第一次点击showButton工作正常，但是当我关闭模态并尝试第二次时它显示非常小的方块。

编辑：刚刚注意到内联css样式中添加了这个属性：transform：scale（0.01）。我可以用JavaScript删除它，但为什么要添加？

Answer 1

您可能需要刷新模态。试试这个：

$("#yourmodalWindow").data("kendoWindow").refresh(parameters);

更多信息here

祝你好运

Kendo UI对话框重新打开

1 个答案: