Kendo ui 如何扩展计划程序议程视图以包含其他列
我正在使用剑道调度控制。默认情况下,它在“议程”视图中显示“日期”、“时间”和“事件”。如何扩展scheduler agenda视图以包括附加的列,如附图所示 我尝试了如下所示的模板Kendo ui 如何扩展计划程序议程视图以包含其他列,kendo-ui,kendo-scheduler,Kendo Ui,Kendo Scheduler,我正在使用剑道调度控制。默认情况下,它在“议程”视图中显示“日期”、“时间”和“事件”。如何扩展scheduler agenda视图以包括附加的列,如附图所示 我尝试了如下所示的模板 <script id="event-template" type="text/x-kendo-template"> <button class="edit-event" data-uid="#=uid#">Custom Column</button>
<script id="event-template" type="text/x-kendo-template">
<button class="edit-event" data-uid="#=uid#">Custom Column</button>
<div>Notes: #: notes#</div>
</div>
</script>
但它并没有像预期的那样呈现:(
我尝试了以下网址
但它并没有将我重定向到任何解决方案。显然剑道不支持它,剑道团队表示: 不支持在“议程”视图中添加更多列 它将需要定制的解决方案,这超出了我们的范围 支援服务
但是您可以扩展调度程序小部件如上所述,还有两种扩展小部件的方法示例来添加当前存在的自定义视图,这些视图是
天
,周
,月
,议程
,时间线
,您必须创建一个扩展的类,该类在从kendo.ui类结束,如kendo ui代码库示例所示
我鼓励您遵循该示例,这样它就可以正确地用于编辑
、删除
和重复
事件。因此,您应该研究它,但是如果您的调度程序只显示简单的事件,只想在现有视图中添加自定义列,您可以看到我的示例
我利用调度器数据绑定事件,并将必要的DOM写入调度器的头和体,所以它将像上面描述的那个样反映出来
-
推荐解决方案
希望对您有所帮助。schedulerHeader.append(“评级”);
schedulerHeader.append("<th>Rating</th>");
schedulerHeader.append("<th>Time</th>");
ScheduleReader.append(“时间”);
嗯,上面的评论没有格式,所以我将再次发布上面的内容。这很有帮助,但我认为我需要重写整个模板
telerik为自定义视图提供的示例是可以的,但非常基本。它只做DataHeaderTemplate和事件模板,不添加列
我每天都在找一个专栏,这样我就可以用额外的视觉线条来显示状态。听起来我需要重写专栏和标题模板。我没有看到任何这样的好例子。你已经这样做了吗?我想知道你是否已经为这个做了自定义视图,我正在寻找自己还没有添加一些自定义专栏。下面是答案建议进行扩展,但未按预期工作。保留u PostedTanks,这对自定义列确实有帮助,但我不附加将对我有效。ScheduleHeader.append(“评级”);ScheduleHeader.append(“时间”);我需要在每周的每一天之后添加一列,用于周视图。因此,这将是7个额外的列。我们似乎不能只插入列。所以我猜最好的方法是重写整个标题和列模板。获取这些模板的最佳方法是什么?目前我看到的唯一问题是:它显示“评级”和“时间”列在所有视图中,我只希望在议程视图中使用。@Deepak我已将示例修改为仅影响视图agenda@DanParker视图是什么样子的,你能分享它的图片吗?@DanParker这里有一个例子,看看如何在
周视图中为每一天添加列。我把其余的实现留给你。祝你好运,Dan,让我们知道能够实现它,并共享dojo链接。
schedulerHeader.append("<th>Rating</th>");
schedulerHeader.append("<th>Time</th>");