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

時間 2020-01-22

標籤如何 html 使用控件欄目 HTML 简体版

原文原文鏈接

VARCHART XGantt是一個交互式的甘特圖控件，其模塊化的設計讓您能夠建立知足您和您的客戶所需求的應用程序。（咱們領先的甘特圖控件VARCHART XGantt可用於.NET，ActiveX和ASP.NET應用程序。）本文描述瞭如何在在瀏覽器環境中使用VARCHART XGantt控件。html

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中爲您完成了此操做。ide

總共須要五個文件：模塊化

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

configuration.xml的內容以下所示：ui

示例代碼spa

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

HTML文件_Tutorial01.htm必須包含對控件和xdependent.cab的引用。經過對象標籤能夠達到此目的。它們包含屬性id、classid、height和width。設計

示例代碼code

 <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頁面上覆蓋的區域範圍由屬性height和width指定。

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版本。您將經過文件夾的上下文菜單和條目屬性進入相應的對話框。