2012-11-14 138 views
12

我正在使用Kendo UI的MVC包裝,我無法設置彈出窗口的寬度。我試過兩種方法,但都沒有工作。以下是我已經試過:設置Kendo UI網格彈出窗口(MVC)的寬度

.Editable(edit => edit.Mode(GridEditMode.Popup) 
    .TemplateName("Create") 
    .Window(w => w.Title("Add Interruption") 
     .Name("addInterruption") 
     .Width(700))) 

.Editable(edit => edit.Mode(GridEditMode.Popup) 
    .TemplateName("Create") 
    .Window(w => w.Title("Add Interruption") 
     .Name("addInterruption") 
     .HtmlAttributes(new { style="width:700px;" }))) 

身高也不起作用。

如何設置彈出窗口的寬度? 謝謝!

UPDATE: 對於其他任何人爲此而努力,這裏的修復:

.k-edit-form-container { width: auto;} 

這在kendo.common.min.css文件中找到。

回答

8

令人遺憾的是,在應用Ajax綁定(甚至不確定服務器綁定)時,您在這兩個片段中應用的設置都沒有被序列化,並且根本沒有應用到窗口。

基本上設置寬度,我建議你使用下面的JavaScript時,頁面加載:

$("#NameOfTheGrid").data().kendoGrid.options.editable.window.width = "1000px"; 
+1

感謝幫助!希望他們能做出更新,因爲我確信很多人都在爲此尖叫。 – SFAgitator

+0

請將我添加到'SCREAMING'人羣中。從一開始就一直是Telerik MVC用戶,並且對Kendo UI MVC方面缺乏工作感到有些沮喪。 – Uchitha

6

對於我來說,

.k-edit-form-container { width: auto;} 

在服務器模式綁定時需要。我只是在視圖中添加了它,而不是編輯kendo css文件。

對方回答,

$("#NameOfTheGrid").data().kendoGrid.options.editable.window.width = "1000px"; 

與阿賈克斯的結合,但不與服務器綁定偉大的工作。

+0

.k-edit-form-container {width:auto;} 對我來說是關鍵的,否則它只會加寬屏幕,仍然會破壞我的長文本。謝謝老闆! – Contristo