Kendo UI對話框重新打開

我正在使用Kendo UI，並且我想在按鈕單擊時使模式對話框彈出。然而，它第一次正常工作，但是當我關閉對話框並再次單擊打開按鈕屏幕淡入淡出，但窗口非常小，寬度和高度像素很少。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>

這$（「＃showButton」）的部分是kendoGrid在數據綁定事件初始化內，如果這是非常重要的。網頁上還有其他的窗口，所以也許會有一些碰撞，idk ...但是它第一次showButton被點擊時正常工作，但是當我關閉模式並嘗試第二次時，它顯示非常非常小的正方形。

編輯：只是注意到有內聯CSS樣式中的此屬性添加：transform：scale（0.01）。我可以用JavaScript刪除它，但爲什麼要添加？

來源

2014-05-06 Dexa

根據Telerik的，這是已知的bug與jQuery 1.7，1.8將解決這個問題。這是真的，但1.8會破壞其餘的遺留代碼。 – Dexa

您使用的是哪個版本的Kendo UI？最新版本使用jQuery的更新版本，因此不確定是否由遺留代碼_rest代表您的代碼或KendoUI代碼。如果你的意思是KendoUI，我會建議移動到一個更新的（最新的）版本，不應該有任何問題運行一個新的jQuery。 – OnaBai

我使用的是v2012.3.1114。我意識到這是非常過時的版本，現在只是重構所有內容並不是一種選擇。感謝您的幫助我通過設置** transform：scale（1）**來使用jQuery來完成模式窗口。 – Dexa

您可能需要刷新模式。試試這個：

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

更多信息here

好運

來源

2014-05-07 18:58:42 kryptonkal

Kendo UI對話框重新打開

回答

相關問題