午夜成人视频网站,91艹逼,国产无码剧情

【MindFusion教程】JavaScript中的交互式事件時間表（上）

翻譯|使用教程|編輯：王香|2019-01-16 10:56:33.000|閱讀 381 次

概述：本文描述了如何創(chuàng)建日程表的主要步驟，該表顯示了大學(xué)房間分配到不同課程。用戶可以通過講師過濾課程。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

下載Mindfusion最新版本

本文描述了如何創(chuàng)建日程表的主要步驟，該表顯示了大學(xué)房間分配到不同課程。用戶可以通過講師過濾課程。

Mindfusion

I.初始設(shè)置

我們首先復(fù)制我們將在項目目錄中使用的JavaScript調(diào)度程序文件。這些是：

MindFusion.Scheduling.js - 表示Js Scheduler庫
MindFusion.Scheduling-vsdoc.js - 提供Intellisense支持
standard.css - 在子目錄“themes”中，這是資源表的CSS主題樣式
planner_lic.txt - 將您的許可證密鑰粘貼到此處以禁用試用版本標簽。

我們專門為我們的應(yīng)用創(chuàng)建了2個文件：

ResourceView.html - 應(yīng)用程序的網(wǎng)頁
ResourceView.js - 實現(xiàn)應(yīng)用程序動態(tài)功能的JavaScript代碼。

II.HTML頁面

在我們網(wǎng)頁的head部分，我們首先創(chuàng)建一個對主題文件的引用：

在網(wǎng)頁的最后，只需關(guān)閉結(jié)束標記，我們添加對Scheduling.js文件的引用，該文件包含我們將為應(yīng)用程序編寫的調(diào)度功能和ResourceView.js文件：

<script src = “MindFusion.Scheduling.js” type = “text / javascript” > </ script> <script src = “ResourceView.js” type = “text / javascript” > </ script>

日歷庫需要HTML

元素，用于呈現(xiàn)它。我們添加一個：

<div id = “calendar” style = “ height ：100 ％; width ：100 ％; ” > </ div>

為此< div >添加一個id非常重要，因為我們需要在JS代碼后面的文件中引用它。

III.基本的JavaScript設(shè)置

在JavaScript代碼隱藏文件的頂部，我們添加了對Intellisense文件的引用。我們還創(chuàng)建了一個MindFusion.Scheduling命名空間的映射：

/// <reference path="MindFusion.Scheduling-vsdoc.js"></reference>
var p = MindFusion.Scheduling

然后我們創(chuàng)建日歷對象。我們需要對將呈現(xiàn)它的< div>元素的引用：

// create a new instance of the calendar
calendar = new p.Calendar(document.getElementById("calendar"));

對于此示例中，我們將使用的ResourceView的currentView屬性指定。此外，我們將日歷中的可見單元格數(shù)設(shè)置為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指定了每個項目的標題和工具提示將呈現(xiàn)。兩個屬性都使用特殊格式字符串

％s - 將呈現(xiàn)開始日期
％e - 將呈現(xiàn)項目的結(jié)束日期
％d - 將呈現(xiàn)項目的詳細信息。

您可以通過在括號中添加所需格式來指定日期和時間的格式：

// show hours on items
calendar.itemSettings.titleFormat = "%s[HH:mm] - %e[HH:mm] %h";
calendar.itemSettings.tooltipFormat = "%d";

然后我們將日歷的主題設(shè)置為標準，我們在網(wǎng)頁中引用了它的css文件：

calendar.theme = "standard";

我們再做一次調(diào)整 - 聯(lián)系人的姓名將取自該人的姓氏。可能的值是“F”，“M”和“L” - 用于名字，中間名和姓氏。

calendar.contactNameFormat = "L";

購買MindFusion正版授權(quán)，請點擊“”喲！

標簽：JavaScript 圖表 ActiveX 圖表控件

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

上一篇：如何徹底解決SpreadJS導(dǎo)出PDF字體亂碼問題下一篇：.NET Reactor使用教程（六）——保護程序

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：10353

當前版本：v4.9.5 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Diagramming for ActiveX

它能幫助你創(chuàng)建工作流圖，流程圖和圖表處理

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：10354

當前版本：v6.8.1 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Diagramming for WinForms

FlowChart.NET是一款能夠幫助你輕松創(chuàng)建流程圖和示意圖的.NET控件，可以自定義設(shè)計樣式和圖表框顏色。

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：11468

當前版本： v6.2.2 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Diagramming for ASP.NET

ASP.NET下靈活的圖表組件

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：11687

當前版本：v4.4 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Diagramming for Java

為您圖表的自定義以及個性化提供了多種不同選項

控件

產(chǎn)品功能：項目管理

源碼：非開源

產(chǎn)品編號：11688

當前版本：v5.7 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Scheduling for WinForms

幫助你管理時間以及重新安排即將到來的預(yù)約與事件

最新文章 MORE

金喜正規(guī)買球相關(guān)的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

【MindFusion教程】JavaScript中的交互式事件時間表（上）

I.初始設(shè)置

II.HTML頁面

III.基本的JavaScript設(shè)置

用科技創(chuàng)就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

【MindFusion教程】JavaScript中的交互式事件時間表（上）

I.初始設(shè)置

II.HTML頁面

III.基本的JavaScript設(shè)置

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology