2014-01-08 22 views
5

Ich habe dieses Fenster:Wie lege ich den Inhalt eines Kendo-Fensters fest?

@(Html.Kendo().Window() 
    .Name("errorWindow") 
    .Title("") 
    .Content(@<text> 
      //Put text here 
    </text>) 
    .Draggable() //Enable dragging of the window 
    .Resizable() //Enable resizing of the window 
    .Modal(true) 

    .Visible(false) 
) 

, die diese auf dem Client konvertiert wird:

jQuery(function(){jQuery("#errorWindow").kendoWindow({"modal":true,"iframe":false,"draggable":true,"pinned":false,"title":"","resizable":true,"content":null,"actions":["Close"]});}); 

Was ich mit diesem JScript anrufen:

function onAjaxFailure(data) { 
     var window = $("#errorWindow").data("kendoWindow"); 
     window.center().open(); 
    } 

Aber Wie lege ich den Text in das Fenster? Mit anderen Worten, der Parameter "data" ist der Text, der in den Fehlerfenstern angezeigt werden soll.

Antwort

14

Verwenden kendoWindow.content(data), z.B .:

$("#dialog").kendoWindow({ 
    modal: true, 
    visible: false, 
}); 

setTimeout(function() { 
    var kendoWindow = $("#dialog").data("kendoWindow"); 
    kendoWindow.content("show this"); 
    kendoWindow.center().open(); 
}, 2000); 

(demo)

Wenn Sie es in einem bestimmten Element innerhalb des Fensters angezeigt werden soll, können Sie es in kendoWindow.element suchen.

+0

Ich habe einige Probleme mit dieser Lösung. Ich lade eine PartialView mit anderen Kendo-Widgets in das Fenster und bekomme JavaScript-Fehler und die Widgets werden nicht korrekt angezeigt. – Sven

Verwandte Themen