如何在HTML中使用甘特圖控件!

VARCHART XGantt是一個交互式的甘特圖控件,其模塊化的設計讓您可以創建滿足您和您的客戶所需求的應用程序。(我們領先的甘特圖控件VARCHART XGantt可用於.NET,ActiveX和ASP.NET應用程序。)本文描述瞭如何在在瀏覽器環境中使用VARCHART XGantt控件。

Microsoft Internet Explorer可以顯示HTML頁面中嵌入的Windows窗體控件。請按照以下步驟在HTML頁面中使用VARCHART XGantt:

首先,以Windows控件庫的形式開發應用程序。Windows應用程序的主要區別在於,在Microsoft Visual Studio中,您使用另一個項目模板。因此,新類不是從System.Windows.Forms.Form派生的,而是從System.Windows.Forms.UserControl派生的。 將控件VARCHART XGantt拖到UserControl1。您將必須編寫的代碼對應於Windows應用程序。結果將是DLL而不是EXE文件形式的程序集。

您應該將通過Web服務器發佈所需的所有文件組合在一個文件夾中。我們已經在文件夾UserGuideSamples \ Web中爲您完成了此操作。

總共需要五個文件:

VARCHART XGantt用戶手冊(.NET版):在瀏覽器環境中使用控件

使用文件configuration.xml可以確保在從中檢索HTML文件的同一目錄中搜索程序集DLL。

configuration.xml的內容如下所示:

示例代碼

<configuration>
 <runtime>
 <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
 <probing privatePath=""/>
 </assemblyBinding>
 </runtime>
</configuration>

HTML文件_Tutorial01.htm必須包含對控件和xdependent.cab的引用。通過對象標籤可以達到此目的。它們包含屬性idclassidheightwidth

示例代碼

 <html>
 <head>
 <title>VARCHART XGantt .NET WinForm</title>
 <link rel="Configuration" href="Configuration.xml">
 </head>
 <body>
 <object id="XDependentDummy" width=0 height=0
 standby="Please wait while loading the diagram
prerequisites..."
 classid="CLSID:544C9013-D784-472f-8EA6-BDF86ECF0427"
 codebase="xdependent.cab#version=8,4,2,0"/>
 <object id="XGantt_Tutorial01_WebLibrary"

classid="http:XGantt_Tutorial01_Web.dll#XGantt_Tutorial01_Web.UserContro
l1"
 height="500" width="910"/>
 </body>
</html>

使用id可以分配一個任意標識符。classid指定原點。使用HTTP協議,將下載程序集XGantt_Tutorial01_Web.dll,並在控件庫中尋址控件XGantt_Tutorial01_Web.UserControl1。必須指定控件的確切名稱,因爲原則上控件庫可能包含多個控件。控件將在HTML頁面上覆蓋的區域範圍由屬性heightwidth指定。

xdependent.cab的對象標記是必需的,因爲Internet Explorer或.NET Framework 2.0均不支持針對諸如XGantt的程序集自動下載依賴的DLL。 XGantt需要DLL MFC80U.DLL和MFVC80P.DLL才能運行。因此,這些DLL將由CAB文件下載,CAB文件僅在首次使用時才安裝小型虛擬ActiveX控件。該CAB文件由NETRONIC簽名。您必須更改服務器所在區域的Internet設置,才能下載和安裝簽名的ActiveX控件。

可以藉助本地互聯網信息服務對Web應用程序進行最簡單的測試。創建了Web文件夾的Web版本。您將通過文件夾的上下文菜單和條目屬性進入相應的對話框。

VARCHART XGantt用戶手冊(.NET版):在瀏覽器環境中使用控件


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章