Wie bekomme ich Kendoui Grid Popup Hinzufügen/Bearbeiten Formular erstellt von Kendo Vorlage, zeigen Sie den richtigen Titel für Hinzufügen und Bearbeiten von Operationen?

Question

Ich kann nicht finden, eine einfache Möglichkeit, den Titel auf ein Popup hinzufügen und bearbeiten Formular aus dem Kendoui-Raster gestartet, wenn es mit einer benutzerdefinierten Vorlage erstellt wird. Als ich das folgende Beispiel versucht, beiden Hinzufügen und Bearbeiten von Operationen hatten "Bearbeiten" in der Titelleiste des Popup:

Markup:

<script id="popup-editor" type="text/x-kendo-template"> 
    <p> 
    <label>Name:<input name="name" /></label> 
    </p> 
    <p> 
    <label>Age: <input data-role="numerictextbox" name="age" /></label> 
    </p> 
</script> 
<div id="grid"></div> 

JavaScript:

$("#grid").kendoGrid({ 
    columns: [ 
    { field: "name" }, 
    { field: "age" }, 
    { command: "edit" } 
    ], 
    dataSource: { 
    data: [ 
     { id: 1, name: "Jane Doe", age: 30 }, 
     { id: 2, name: "John Doe", age: 33 } 
    ], 
    schema: { 
     model: { id: "id" } 
    } 
    }, 
    editable: { 
    mode: "popup", 
    template: kendo.template($("#popup-editor").html()) 
    }, 
    toolbar: [{ name: 'create', text: 'Add' }] 
}); 

Fiddle demonstriert das Problem : http://jsfiddle.net/codeowl/XN5rM/1/

Das Problem ist, dass wenn Sie die Schaltflächen Hinzufügen oder Bearbeiten drücken, die Titelleiste im Popup sagt: "Bearbeiten". Ich möchte sagen, dass Sie Hinzufügen hinzufügen, wenn Sie die Schaltfläche Hinzufügen drücken, und Bearbeiten, wenn Sie die Schaltfläche Bearbeiten drücken.

Vielen Dank für Ihre Zeit,

Grüße,

Scott

Answer 1

Wenn Sie eine einfache Lösung wollen, fügen Sie Code in das Bearbeitungs-Ereignis des Rasters, um zu prüfen, ob das Modell erstellt wird, wenn bearbeiten genannt wird, ist eine neue oder eine bestehende ein und den Text entsprechend eingestellt:

... 

edit: function (e) { 
    //add a title 
    if (e.model.isNew()) { 
     $(".k-window-title").text("Add"); 
    } else { 
     $(".k-window-title").text("Edit"); 
    } 
} 

... 

Hope this helps ...

Answer 2

Wenn das einzige, was Sie tun müssen, ist einen Titel hinzufügen, sollten Sie verwenden:

editable : { 
    mode : "popup", 
    window : { 
     title: "Edición", 
    } 
}, 

Sie müssen keine Vorlage definieren, es sei denn, Sie müssen etwas anderes definieren.

Ihre modifizierte Fiddle hier: http://jsfiddle.net/OnaBai/XN5rM/2/