是否可以使用模板获得动态窗口标题?
像这样的东西:
wnd = $("#details").kendoWindow({
title: #= ItemName #,
modal: true,
visible: false,
resizable: false,
width: 300}).data("kendoWindow");
我在标题字段中添加了ItemName只是为了表明这个概念。任何的想法?
是否可以使用模板获得动态窗口标题?
像这样的东西:
wnd = $("#details").kendoWindow({
title: #= ItemName #,
modal: true,
visible: false,
resizable: false,
width: 300}).data("kendoWindow");
我在标题字段中添加了ItemName只是为了表明这个概念。任何的想法?
您可以使用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>
这是我在标题标题中显示事件标题的简单方法
API.get('/Scheduler/GetEventDetailById', detailParams).then(function (data) {
$('.k-window-title').text(data.EventTitle);
});