カスタム テンプレートを使用して作成された kendoui グリッドから起動されたポップアップの追加および編集フォームにタイトルを設定する簡単な方法が見つからないようです。次の例を試したところ、追加操作と編集操作の両方で、ポップアップのタイトル バーに「編集」が表示されました。
マークアップ:
<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' }]
});
問題を示すフィドル: http://jsfiddle.net/codeowl/XN5rM/1/
問題は、[追加] または [編集] ボタンを押すと、ポップアップのタイトル バーに "編集" と表示されることです。追加ボタンを押すと追加、編集ボタンを押すと編集と表示させたいです。
お時間をいただきありがとうございます。
よろしく、
スコット