日韩女性性开放视频,国农村精品国产自线拍,日韩欧美国产高清亚洲

【MindFusion教程】帶有JavaScript事件的交互式日歷

翻譯|使用教程|編輯：王香|2018-12-06 10:01:54.000|閱讀 417 次

概述：在本文中，我們將創(chuàng)建一個(gè)類(lèi)似Google的互動(dòng)月度日歷。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

在本文中，我們將創(chuàng)建一個(gè)類(lèi)似Google的互動(dòng)月度日歷，用戶(hù)可以在該日歷中實(shí)時(shí)創(chuàng)建，編輯和刪除約會(huì)。我們將使用JavaScript Scheduler。以下是完成的應(yīng)用程序的屏幕截圖：

MindFusion

一項(xiàng)目設(shè)置

我們需要引用以下文件來(lái)開(kāi)始開(kāi)發(fā)：

MindFusion.Scheduling.js
light.css

JavaScript文件提供調(diào)度功能。CSS文件負(fù)責(zé)我們?nèi)諝v的樣式。我們創(chuàng)建一個(gè)名為“themes”的子文件夾，然后將light.css文件放在那里。

我們創(chuàng)建了一個(gè)HTML文件，一個(gè)名為GoogleSchedule的空白網(wǎng)頁(yè)，在head部分我們引用了兩個(gè)CSS文件：

<link href="themes/light.css" rel="stylesheet" /> href="themes/light.css" rel="stylesheet" />

對(duì)JavaScript文件的引用位于頁(yè)面底部，就在關(guān)閉正文標(biāo)記之前。

<a href="//MindFusion.Scheduling.js">//MindFusion.Scheduling.js</a>

我們需要一個(gè)代表日歷的元素，我們?cè)贖TML代碼中創(chuàng)建一個(gè)元素并為其分配一個(gè)id：

<div id="calendar" style="height: 100%; width: 100%;"></div>

我們希望日歷占據(jù)整個(gè)頁(yè)面，這就是為什么寬度和高度都是100％。

二創(chuàng)建和自定義計(jì)劃程序

現(xiàn)在我們已經(jīng)準(zhǔn)備好對(duì)日歷庫(kù)進(jìn)行真正的JavaScript編程了。我們創(chuàng)建一個(gè)名為“GoogleSchedule.js”的空J(rèn)S文件，并在網(wǎng)頁(yè)的底部添加對(duì)它的引用：

<a href="//GoogleSchedule.js">//GoogleSchedule.js</a>

在這個(gè)JavaScript文件中，我們首先創(chuàng)建一個(gè)到MindFusion.Scheduling命名空間的映射：

var p = MindFusion.Scheduling;

然后我們使用網(wǎng)頁(yè)中的Calendar DOM元素創(chuàng)建一個(gè)Calendar實(shí)例：

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

我們將日歷視圖設(shè)置為CalendarView .SingleMonth，這意味著日歷一次顯示一個(gè)月。我們還設(shè)置了我們?cè)?CSS文件中引用的主題：

calendar.currentView = p.CalendarView.SingleMonth;
calendar.theme = "light";

我們進(jìn)行的另一個(gè)自定義 - 我們使用itemSettings.titleFormat屬性在每個(gè)事件主題之前添加前綴。前綴是此事件的開(kāi)始時(shí)間。這是你如何設(shè)置它：

calendar.itemSettings.titleFormat = "%s[hh:mm tt] %h";

最后，我們渲染日歷：

//visualize the calendar
calendar.render();

購(gòu)買(mǎi)MindFusion正版授權(quán)，請(qǐng)點(diǎn)擊“”喲！

標(biāo)簽：JavaScript 圖表 ActiveX 圖表控件流程圖

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

上一篇：圖像處理工具包ImagXpress常見(jiàn)問(wèn)題解答（二）下一篇：BCGControlBar教程：將MFC控件的BCGControlBar / BCGSuite添加到對(duì)話(huà)框中

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

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：10353

當(dāng)前版本：v4.9.5 [銷(xiāo)售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢(xún)]

開(kāi) 發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Diagramming for ActiveX

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

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：10354

當(dāng)前版本：v6.8.1 [銷(xiāo)售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢(xún)]

開(kāi) 發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Diagramming for WinForms

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

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：11468

當(dāng)前版本： v6.2.2 [銷(xiāo)售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢(xún)]

開(kāi) 發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Diagramming for ASP.NET

ASP.NET下靈活的圖表組件

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：11687

當(dāng)前版本：v4.4 [銷(xiāo)售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢(xún)]

開(kāi) 發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Diagramming for Java

為您圖表的自定義以及個(gè)性化提供了多種不同選項(xiàng)

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：11688

當(dāng)前版本：v5.7 [銷(xiāo)售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢(xún)]

開(kāi) 發(fā) 商： MindFusion

正式授權(quán)

">MindFusion.Scheduling for WinForms

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

最新文章 MORE

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

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線(xiàn)采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

【MindFusion教程】帶有JavaScript事件的交互式日歷

一項(xiàng)目設(shè)置

二創(chuàng)建和自定義計(jì)劃程序

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

Create excellence with technology

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線(xiàn)采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

【MindFusion教程】帶有JavaScript事件的交互式日歷

一 項(xiàng)目設(shè)置

二 創(chuàng)建和自定義計(jì)劃程序

為你推薦

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

Create excellence with technology

一項(xiàng)目設(shè)置

二創(chuàng)建和自定義計(jì)劃程序