CDHtmlDialog 与 网页交互技巧

CDHtmlDialog可以方便的将网页嵌入对话框，使得在程序设计中人机界面（DHTML网页）与控制逻辑（CDialog）可以很好的分离，下面是一些实用技术与技巧。

1.将数据验证任务完全交给JavaScript，Dialog只做有意义的事。

<input type="button" id="button1" onclick="if(validate()); window.event.cancelBubble=true;" /> 

这样，事件由IE处理之后，就不会将该事件传给其他事件句柄处理了，因为IE先于CDHtmlDialog处理该事件。

2.从CDHtmlDialog调用网页中JavaScript函数的方法。

其中pDoc指针参数可通过CDHtmlDialog::GetDHtmlDocument(&pDoc)函数获得；
strFunctionName指示函数名；
dispParams为传给函数的参数列表，其使用方法请查阅MSDN相关文档；
varResult为函数返回值；
exceptInfo为JavaScript函数执行时抛出的异常；
nArgErr返回第一个出错的参数的下标，由于参数列表中参数的逻辑顺序为JavaScript函数定义的参数的顺序的逆序，所以应特别注意该返回值所指示的具体位置。

HRESULT CallJSFunction(IHTMLDocument2* pDoc2,

                                 CString strFunctionName,

                                 DISPPARAMS dispParams,

                                 VARIANT* varResult,

                                 EXCEPINFO* exceptInfo,

                                 UINT* nArgErr )
{
    IDispatch *pDispScript = NULL;   
    HRESULT hResult;
    hResult = pDoc2->get_Script(&pDispScript);
    if(FAILED(hResult))
    {
        return S_FALSE;
    }
    DISPID   dispid;   
    CComBSTR objbstrValue = strFunctionName;
    BSTR bstrValue =  objbstrValue.Copy();
    OLECHAR   *pszFunct   =  bstrValue ; 
    hResult   =   pDispScript->GetIDsOfNames(IID_NULL, 
                                                             &pszFunct, 
                                                             1,
                                                             LOCALE_SYSTEM_DEFAULT, 
                                                             &dispid);   
    if   (S_OK   !=   hResult)   
    { 
        pDispScript->Release();   
        return   hResult;   
    }  

    varResult->vt = VT_VARIANT;
    hResult   =   pDispScript->Invoke(dispid,
                                              IID_NULL, LOCALE_USER_DEFAULT,
                                              DISPATCH_METHOD,
                                              &dispParams,
                                              varResult,
                                              exceptInfo,
                                              nArgErr);  
    pDispScript->Release();
    return hResult;
}

3.CDHtmlDialog中JavaScript通过external调用C++方法。

<1>让CDHtmlDialog对象自身支持自动化

EnableAutomation();  //只要是从CCmdTarget派生下来的类都可以支持
                             //可以放在CMyDHTMLDialog::CMyDHTMLDialog()中调用

<2>将自身暴露给Script引擎：

SetExternalDispatch(GetIDispatch(TRUE));    //将浏览器控件的扩展接口设置为对话框自身的IDispatch
                                                            //放在CMyDHTMLDialog::OnInitDialog中调用

<3>声明DISPATCH_MAP（MyDHTMLDialog.h）

DECLARE_DISPATCH_MAP()

<4>定义DISPATCH映射（MyDHTMLDialog.cpp）

BEGIN_DISPATCH_MAP(CMyDHtmlDialog, CDHtmlDialog)
    DISP_FUNCTION(CMyDHTMLDialog, "Func1", Func1, VT_EMPTY, VTS_NONE) 
    // example:
    // DISP_FUNCTION(CMyDHTMLDialog,"Func2",TestFunc,VT_BOOL,VTS_BSTR VTS_I4 VTS_I4)
    //                                                                        ^return,        ^parameters type list
    //每个方法都需要在这里添加映射
END_DISPATCH_MAP()

<5>函数实现

void CMyDHTMLDialog::Func1()
{
    AfxMessageBox(_T("Func1 called!"));

}

<6>调用示例

<INPUT id="Button1" type="button" value="Button1" name="Button1" onclick="external.Func1();">