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

【问题标题】：Kendo UI Window widget - Dynamic title using templatesKendo UI Window 小部件 - 使用模板的动态标题
【发布时间】：2013-11-07 03:03:16
【问题描述】：

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

类似这样的：

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

我在标题字段中添加了 ItemName 只是为了表明概念。有什么想法吗？

【问题讨论】：

标签： javascript jquery kendo-ui

【解决方案1】：

您可以使用setOptions api 方法来实现，例如：

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

首先用你的代码初始化你的窗口，在一些事件（可能是按钮点击）上，使用窗口对象来设置它的选项。

如果不清楚，让我们举个例子：我在 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>

【讨论】：

完美！非常感谢，只需要使用 setOptions。

【解决方案2】：

这是我在标题标题中显示事件标题的简单方法

  API.get('/Scheduler/GetEventDetailById', detailParams).then(function (data) {

         $('.k-window-title').text(data.EventTitle);

  });

【讨论】：