我已经为 Kendo Scheduler 编写了自定义标头。呈现如下
用于到达上述 UI 的代码如下,并且工作起来非常顺利。(感谢 Dion Dirza),
<script id="tmpDateHeader" type="text/x-kendo-template">
<span class="k-nav-day" data-dt="#=kendo.toString(date, 'dd/MM/yyyy')#">
<u>#=kendo.toString(date, "dd/M")#</u> - ({dc}%)
</span>
</script>
$("#scheduler").kendoScheduler({
dateHeaderTemplate: kendo.template($("#tmpDateHeader").html())
}
Issue
现在,我正在更新 Kendo Scheduler 中的一项活动。在此更新期间,我想根据某些数据手动更改列日标题百分比,例如从 1% 更改为 5%(将来自数据库)不刷新整个调度程序控制。
实时场景:当我在一天中添加更多事件时,列标题中的百分比应该增加。 API 中提供了获取百分比和颜色的逻辑。
解决方法
在这里我想,我需要使用 jQuery 更新值
问题已解决:我刚刚在更新火上更新了数据源。
你可以看一下数据源change事件。现在我想你有Date
事件模型中的属性。您需要获取更新的事件date
并选择匹配date header
接着就,随即。
这里是一个示例代码:
var dateChanged = null;
function onDsChange(e) {
var action = e.action;
switch(action) {
case "itemchange":
var items = e.items; // all item that you have changed
var item = items[0]; // I assume you are not doing batch editing
dateChanged = item.date; // if you are doing batch then dateChange should be array of date
break;
case "sync": // you also can do this inside grid databound event
// grab actual data from API and do update the header
.......
// if this batch editing you need to do this inside a loop
var selector = ".k-nav-day[data-dt='" + dateChange + "']";
var elDateHeader = $(selector);
var tempText = elDateHeader.text();
var newText = tempText.replace(/\((.+?)\)/g, "(" + newPercentage + ")");
elDateHeader.text(newText);
break;
}
}
你应该看看他们的文档,这样你就可以得到调度程序应该有的行为。希望这有帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)