单击按钮Dynamic CRM 365时显示进度

时间:2018-02-07 07:41:51

标签: javascript dynamics-crm progress

我有一个功能区按钮来执行客户工作流程。这个动作是来自javascrypt的设置,它运行得很好。在这种情况下,我想在点击之后或在客户工作流程执行期间显示进度加载。 我刚刚按照教程 HERE 。这是我的javascript函数代码: sdssd

function showLoadingMessage() {
    try{
        tdAreas.style.display = 'none';
        var newdiv = document.createElement('div');
        newdiv.setAttribute('id', "msgDiv");
        newdiv.valign = "middle";
        newdiv.align = "center";
        var divInnerHTML = "<table height='100%' width='100%' style='cursor:wait'>";
        divInnerHTML += "<tr>";
        divInnerHTML += "<td valign='middle' align='center'>";
        divInnerHTML += "<img alt='' src='/_imgs/AdvFind/progress.gif'/>";
        divInnerHTML += "<div/><b>Working…</b>";
        divInnerHTML += "</td></tr></table>";
        newdiv.innerHTML = divInnerHTML;
        newdiv.style.background = '#FFFFFF';
        newdiv.style.fontSize = "15px";
        newdiv.style.zIndex = "1010";
        newdiv.style.width = document.body.clientWidth;
        newdiv.style.height = document.body.clientHeight;
        newdiv.style.position = 'absolute';
        document.body.insertBefore(newdiv, document.body.firstChild);
        document.all.msgDiv.style.visibility = 'visible';
    }
    catch(ex){
        alert(ex.message);
    }  
}

这个是隐藏进展的:

function hideLoadingMessage(){
    document.all.msgDiv.style.visibility = 'hidden';
}

这是我在我的功能区按钮操作中调用的功能,用于测试是否加载prorgess工作:

function ribbonButton()
{
    var guid = Xrm.Page.data.entity.getId();
    if (guid != null)
    {
        showLoadingMessage(); //show progress

        /*var workflowId = '04E84379-87E4-E711-814E-000C294D2FF8';
        var workflowName = 'CloneReward';
        ExecuteWorkflow(workflowId, workflowName, function ()
        {
            RefreshForm();
        });*/

        //hideLoadingMessage(); //hide progress
    }
}

当我按下按钮时,我收到以下错误消息:

enter image description here

需要任何建议。感谢。

2 个答案:

答案 0 :(得分:2)

有一个新的不错的客户端API来完成此功能:https://docs.microsoft.com/en-us/dynamics365/customer-engagement/developer/clientapi/reference/xrm-utility/showprogressindicator

以下是有关其工作方式的示例:http://www.itaintboring.com/dynamics-crm/dynamics-365-v9-progress-indicator-api/

唯一的缺点是它只适用于Dynamics版本9。

答案 1 :(得分:0)

刚试过这个THIS教程,它将解决上面的问题。

显示加载进度:

function _buildLoadingDiv(_entityName) {
    var loadingDiv = "<div id='divLoading'style='width: 100%; height: 100%; display: block; position: fixed; top:0px; background:rgba(255,255,255,0.5);'><table style='width: 100%; height: 100%;'><tr><td align='center' style='vertical-align: middle;'>";
    loadingDiv += "<img id='loading' alt='' src='/_imgs/AdvFind/progress.gif'/><br/>";
    loadingDiv += "<label id='lblStatus'>Loading... " + _entityName + " Execute Workflow</label>";
    loadingDiv += "</td></tr></table></div>";

    $($('body', window.parent.document)).append(loadingDiv);
}

隐藏加载进度:

function _removeLoading() {
    $($('body', window.parent.document)).find("#divLoading").remove();
}