翻譯|使用教程|編輯:王香|2019-01-16 10:56:33.000|閱讀 381 次
概述:本文描述了如何創(chuàng)建日程表的主要步驟,該表顯示了大學(xué)房間分配到不同課程。用戶可以通過(guò)講師過(guò)濾課程。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
本文描述了如何創(chuàng)建日程表的主要步驟,該表顯示了大學(xué)房間分配到不同課程。用戶可以通過(guò)講師過(guò)濾課程。
我們首先復(fù)制我們將在項(xiàng)目目錄中使用的JavaScript調(diào)度程序文件。這些是:
我們專門為我們的應(yīng)用創(chuàng)建了2個(gè)文件:
在我們網(wǎng)頁(yè)的head部分,我們首先創(chuàng)建一個(gè)對(duì)主題文件的引用:
在網(wǎng)頁(yè)的最后,只需關(guān)閉結(jié)束標(biāo)記,我們添加對(duì)Scheduling.js文件的引用,該文件包含我們將為應(yīng)用程序編寫(xiě)的調(diào)度功能和ResourceView.js文件:
<script src = “MindFusion.Scheduling.js” type = “text / javascript” > </ script> <script src = “ResourceView.js” type = “text / javascript” > </ script>
日歷庫(kù)需要HTML
<div id = “calendar” style = “ height :100 %; width :100 %; ” > </ div>
為此< div >添加一個(gè)id非常重要,因?yàn)槲覀冃枰贘S代碼后面的文件中引用它。
在JavaScript代碼隱藏文件的頂部,我們添加了對(duì)Intellisense文件的引用。我們還創(chuàng)建了一個(gè)MindFusion.Scheduling命名空間的映射:
/// <reference path="MindFusion.Scheduling-vsdoc.js"></reference> var p = MindFusion.Scheduling
然后我們創(chuàng)建日歷對(duì)象。我們需要對(duì)將呈現(xiàn)它的< div>元素的引用:
// create a new instance of the calendar calendar = new p.Calendar(document.getElementById("calendar"));
對(duì)于此示例中,我們將使用的ResourceView的currentView屬性指定。此外,我們將日歷中的可見(jiàn)單元格數(shù)設(shè)置為7.這是通過(guò)日歷的resourceViewSettings屬性來(lái)完成的。
// 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廣告載體讓我們定制的項(xiàng)目進(jìn)度我們使用titleFormat和tooltipFormat指定了每個(gè)項(xiàng)目的標(biāo)題和工具提示將呈現(xiàn)。兩個(gè)屬性都使用特殊格式字符串
您可以通過(guò)在括號(hào)中添加所需格式來(lái)指定日期和時(shí)間的格式:
// show hours on items calendar.itemSettings.titleFormat = "%s[HH:mm] - %e[HH:mm] %h"; calendar.itemSettings.tooltipFormat = "%d";
然后我們將日歷的主題設(shè)置為標(biāo)準(zhǔn),我們?cè)诰W(wǎng)頁(yè)中引用了它的css文件:
calendar.theme = "standard";
我們?cè)僮鲆淮握{(diào)整 - 聯(lián)系人的姓名將取自該人的姓氏。可能的值是“F”,“M”和“L” - 用于名字,中間名和姓氏。
calendar.contactNameFormat = "L";
購(gòu)買MindFusion正版授權(quán),請(qǐng)點(diǎn)擊“”喲!
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn