Identificazione degli elementi del progetto di controllo DHTML
La maggior parte del codice del controllo DHTML è esattamente come quello creato per qualsiasi controllo ATL.Per una conoscenza di base di codice generico, di lavoro con L'esercitazione ATLe leggere le sezioni Creare un progetto ATL e Principi fondamentali di oggetti COM ATL.
Un controllo DHTML è simile a qualsiasi controllo ATL, tranne:
Oltre alle interfacce normali un controllo implementa, implementa un'interfaccia aggiuntiva utilizzata per comunicare tra il codice C++ e l'interfaccia utente (UI) HTML.Le chiamate di interfaccia utente HTML nel codice C++ utilizzando questa interfaccia.
Crea una risorsa HTML per l'interfaccia utente del controllo.
Consente di accedere al modello a oggetti DHTML dalla variabile membro m_spBrowser, che è un puntatore intelligente di tipo IWebBrowser2.Utilizzare questo puntatore per accedere a qualsiasi parte del modello a oggetti DHTML.
Nell'immagine viene illustrata la relazione tra la DLL, il controllo DHTML, il browser e la risorsa HTML.
.gif "Grafica DHTMLcontrolProjectElements")
[!NOTA]
I nomi nel grafico sono segnaposto.I nomi della risorsa HTML e le interfacce esposte nel controllo sono basati sui nomi che li assegna la procedura guidata controllo ATL.
In questo grafico, gli elementi sono:
My DLL La DLL creato utilizzando la creazione guidata progetto ATL.
Controllo DHTML (m_spBrowser) il controllo DHTML, creato utilizzando la procedura guidata ATL.Questo controllo accede all'oggetto del browser e i relativi metodi tramite l'interfaccia dell'oggetto del browser, IWebBrowser2.Il controllo stesso espone le due interfacce, oltre alle altre interfacce richieste standard per un controllo.
IDHCTL1 l'interfaccia esposta dal controllo utilizzati solo da contenitore.
IDHCTLUI1 l'interfaccia dispatch per la comunicazione tra il codice C++ e l'interfaccia utente HTML.Il browser Web utilizza l'interfaccia dispatch del controllo per visualizzare il controllo.È possibile chiamare i vari metodi di questa interfaccia dispatch dall'interfaccia utente del controllo mediante l'utilizzo window.external, seguiti dal nome del metodo in questa interfaccia dispatch che si desidera richiamare.Accedreste window.external da un tag script nel codice HTML che costituisce l'interfaccia utente per il controllo.Per ulteriori informazioni sui metodi esterni nel file di risorse, vedere Codice C++ chiamante di DHTML.
IDR_CTL1 ID di risorsa della risorsa HTML.Il nome file, in questo caso, è DHCTL1UI.htm.Il controllo DHTML utilizza una risorsa HTML contenente i tag HTML standard e l'invio esterna della finestra ordina che è possibile modificare tramite l'editor di testo.
Web Browser il browser viene visualizzata l'interfaccia utente del controllo, in base a HTML nella risorsa HTML.Un puntatore a un'interfaccia IWebBrowser2 browser è disponibile nel controllo DHTML per consentire l'accesso al modello a oggetti DHTML.
La procedura guidata controllo ATL genera un controllo con codice predefinito sia nella risorsa HTML che nel file CPP.È possibile compilare ed eseguire il controllo come generato dalla procedura guidata e quindi visualizzare il controllo nel browser o in ActiveX control Test Container.Nell'immagine seguente viene mostrato il controllo di impostazione predefinita ATL DHTML con tre pulsanti visualizzati in Test Container:
.gif "Controllo DHTML ATL")
Vedere Creare un controllo ATL DHTML per iniziare compilare un controllo DHTML.Vedere Proprietà ed eventi di test con Test Container per informazioni su come accedere a Test Container.