2012-11-14 17 views
12

Używam Owijarki MVC Kendo UI i nie mogę ustawić szerokości wyskakującego okienka. Próbowałem dwie metody i żadna nie działa. Oto, co starałem:Ustawianie szerokości siatki Kendo UI Popup (MVC)

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

i

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

Wzrost nie działa albo.

Jak ustawić szerokość wyskakującego okienka? Dzięki!

UPDATE: dla nikogo innego zmaga się z tym, tu jest dylemat:

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

ta znajduje się w pliku kendo.common.min.css.

Odpowiedz

8

Niestety ustawienia zastosowane w obu fragmentach kodu nie są serializowane i nie są stosowane do okna w ogóle podczas korzystania z wiązania Ajax (nawet nie ma pewności co do powiązania z serwerem).

Zasadniczo ustawić szerokość Proponuję użyć następującego JavaScript po załadowaniu strony:

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

Doceń pomoc! Żałuję, że nie dokonają aktualizacji, ponieważ jestem pewien, że wielu ludzi krzyczy o to. – SFAgitator

+0

Dodaj mnie do tłumu "SCREAMING". Od samego początku byłam użytkownikiem Telerik MVC i nieco zniechęcony brakiem pracy na froncie Kendo UI MVC. – Uchitha

6

Dla mnie

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

było potrzebne podczas wiązania w trybie serwera. Dodałem go jako styl w widoku zamiast edytować plik css kendo.

Druga odpowiedź,

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

pracował wielki wiązanie ajax, ale nie z obowiązującymi serwera.

+0

.k-edit-form-container {width: auto;} był dla mnie kluczem, w przeciwnym razie po prostu poszerzał ekran i nadal łamał mój długi tekst. Dzięki szefie! – Contristo