2012-11-14 25 views
12

Sto utilizzando MVC Wrapper dell'interfaccia utente di Kendo e non riesco a impostare la larghezza del popup. Ho provato due metodi e nessuno funziona. Ecco quello che ho provato:Impostazione della larghezza di Kendo UI Grid Popup (MVC)

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

e

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

Altezza non funziona neanche.

Come si imposta la larghezza della finestra popup? Grazie!

UPDATE: Per chiunque altro alle prese con questo, ecco la correzione:

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

Questo si trova nel file kendo.common.min.css.

risposta

8

Purtroppo le impostazioni applicate in entrambi i frammenti non sono serializzate e non vengono applicate alla finestra quando si utilizza l'associazione Ajax (non si è nemmeno sicuri del binding del server).

Fondamentalmente per impostare la larghezza vi consiglio di utilizzare il seguente JavaScript quando la pagina è caricata:

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

Apprezzare l'assistenza! Vorrei che facessero un aggiornamento, sono sicuro che molte persone stanno urlando per questo. – SFAgitator

+0

Per favore aggiungimi alla folla di "SCREAMING". Sono stato un utente di Telerik MVC fin dall'inizio e un po 'scoraggiato dalla mancanza di lavoro sul fronte Kendo UI MVC. – Uchitha

6

Per me,

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

era necessario durante l'associazione in modalità server. L'ho appena aggiunto come uno stile nella vista invece di modificare il file kendo css.

L'altra risposta,

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

funzionava benissimo con AJAX vincolante, ma non con il legame del server.

+0

.k-edit-form-container {width: auto;} era la chiave per me, altrimenti si stava semplicemente allargando lo schermo e ancora infrangendo il mio lungo testo. Grazie capo! – Contristo

Problemi correlati