企业智能化解决方案服务商
翻译|使用教程|编辑：王香|2019-01-16 10:56:33.000|阅读 97 次
概述：本文描述了如何创建日程表的主要步骤，该表显示了大学房间分配到不同课程。用户可以通过讲师过滤课程。
相关链接：
本文描述了如何创建日程表的主要步骤，该表显示了大学房间分配到不同课程。用户可以通过讲师过滤课程。
我们首先复制我们将在项目目录中使用的JavaScript调度程序文件。这些是：
我们专门为我们的应用创建了2个文件：
在我们网页的head部分，我们首先创建一个对主题文件的引用：
在网页的最后，只需关闭结束标记，我们添加对Scheduling.js文件的引用，该文件包含我们将为应用程序编写的调度功能和ResourceView.js文件：
<script src = “MindFusion.Scheduling.js” type = “text / javascript” > </ script> <script src = “ResourceView.js” type = “text / javascript” > </ script>
日历库需要HTML
<div id = “calendar” style = “ height ：100 ％; width ：100 ％; ” > </ div>
为此< div >添加一个id非常重要，因为我们需要在JS代码后面的文件中引用它。
在JavaScript代码隐藏文件的顶部，我们添加了对Intellisense文件的引用。我们还创建了一个MindFusion.Scheduling命名空间的映射：
/// <reference path="MindFusion.Scheduling-vsdoc.js"></reference> var p = MindFusion.Scheduling
然后我们创建日历对象。我们需要对将呈现它的< div>元素的引用：
高端UI定制
DevExpress项目定制开发
3D项目定制
专业图形图表开发
商业智能BI
资源调度系统定制
企业软件定制
大数据分析平台
首页
// create a new instance of the calendar
calendar = new p.Calendar(document.getElementById("calendar"));
对于此示例中，我们将使用的ResourceView的currentView属性指定。此外，我们将日历中的可见单元格数设置为7.这是通过日历的resourceViewSettings属性来完成的。
// set the view to ResourceView, which displays the distribution of resources over a period of time: <pre>calendar.currentView = p.CalendarView.ResourceView; // set the number of visible cells to 7 calendar.resourceViewSettings.visibleCells = 7;
该itemSettings广告载体让我们定制的项目进度我们使用titleFormat和tooltipFormat指定了每个项目的标题和工具提示将呈现。两个属性都使用特殊格式字符串
您可以通过在括号中添加所需格式来指定日期和时间的格式：
// show hours on items calendar.itemSettings.titleFormat = "%s[HH:mm] - %e[HH:mm] %h"; calendar.itemSettings.tooltipFormat = "%d";
然后我们将日历的主题设置为标准，我们在网页中引用了它的css文件：
calendar.theme = "standard";
我们再做一次调整 - 联系人的姓名将取自该人的姓氏。可能的值是“F”，“M”和“L” - 用于名字，中间名和姓氏。
calendar.contactNameFormat = "L";
购买MindFusion正版授权，请点击“咨询在线客服”哟！
本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，尊重他人劳动成果
0
好文不易，鼓励一下吧！
官方微信
官方微博
重庆慧都科技有限公司 版权所有 Copyright 2003-2020 渝ICP备12000582号 
渝公网安备 50010702500608号
18次
相关厂商
相关产品
热门标签 
最新文章 
相关文章 
微信扫码登录
QQ交谈
在线咨询
提供CDN加速/云存储服务
返回