Kendo UI Window小部件 - 使用模板的动态标题

Question

是否可以使用模板获得动态窗口标题？

像这样的东西:

wnd = $("#details").kendoWindow({
 title: #= ItemName #,
 modal: true,
 visible: false,
 resizable: false,
 width: 300}).data("kendoWindow");

我在标题字段中添加了ItemName仅用于表示概念.任何的想法？

Answer 1

您可以使用setOptions api方法执行此操作,例如:

// Setting some options
wnd.setOptions({
    title: "dynamic title",
    width: "60%"
});

首先使用您的代码初始化窗口,并在某些事件(按钮单击可能是)上,使用window对象设置其选项.

如果不清楚,让我们玩一个例子:我在kendo-grid自定义命令按钮上设置窗口标题点击:

<div class="k-content">
    <div id="noteswindow"></div>
</div>

<script>
$(document).ready(function () {
   $("#noteswindow")
        .kendoWindow({
            actions: ["Refresh", "Maximize", "Minimize", "Close"],            
            visible: false
        })   
});

function onNotesClick(e) {  // Custom button click
    e.preventDefault();
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    rData = dataItem;

    // Using same window variable again and again for successive clicks with dynamic content
    var nWin = $("#noteswindow").data("kendoWindow");

    // Setting some options
    nWin.setOptions({
        title: "Notes on " + dataItem.AssetOrShotName,
        width: "60%"
    });
    nWin.refresh({
        url: "../Task/Notes",
        data: { AssignId: rData.Id }
    });
    nWin.open().center();    
}
</script>