CRM 9-基于JS中的记录动态绑定HTML表/网格

时间:2019-04-08 08:46:36

标签: javascript html dynamics-crm dynamics-crm-2016

我正在Dynamics CRM 9.0的HTML页面上工作。我已经编写了Webresource JavaScript,并通过HTML页面对其进行了调用。 我的JavaScript中有一个函数可以从CRM实体中获取数据,如下所示,

var Query = "$select=ParameterValue,transactioncode,ParameterName&$filter= PhonceCallId/Id eq(guid'" + phoneid + "')";
 XrmSvcToolkit.retrieveMultiple({
    entityName: entity ,  
    odataQuery: Query,
    async: false,
    successCallback: successCallback,
    errorCallback: errorCallback
});

现在,针对PhoneCallId,我正在检索记录,请注意,记录本质上是动态的,这意味着针对每次匹配获取的行数不是固定的(我可能第一次获得3行,下次获得5行等等。

我想将这些记录动态地绑定到我的HTML页面中,例如gridview,它将具有标题列,然后在运行时在该gridview上绑定记录。

1 个答案:

答案 0 :(得分:1)

有多种方法可以实现这一目标。 例如,这里是我的Fiddle使用KnockoutJS的其中之一,它确实填充了数据。在这个小提琴中,数据是静态的,不能用于解释,可以从CRM中动态填充该数据,并且可以显示曾经希望每页显示多少行。 下面的代码只是对小提琴的参考

基本上,下面的代码是将数据从CRM导入本地阵列所需的条件

var req = new XMLHttpRequest(); 
req.open("GET", Xrm.Page.context.getClientUrl() + "/api/data/v9.1/accounts?$select=accountnumber,emailaddress1,name&$filter=accountid ne null", true);
req.setRequestHeader("OData-MaxVersion", "4.0");
req.setRequestHeader("OData-Version", "4.0");
req.setRequestHeader("Accept", "application/json");
req.setRequestHeader("Content-Type", "application/json; charset=utf-8");
req.setRequestHeader("Prefer", "odata.include-annotations=\"*\"");
var tempArray = new array();
req.onreadystatechange = function() {
    if (this.readyState === 4) {
        req.onreadystatechange = null;
        if (this.status === 200) {
            var results = JSON.parse(this.response);
            for (var i = 0; i < results.value.length; i++) {
                var accountnumber = results.value[i]["accountnumber"];
                var emailaddress1 = results.value[i]["emailaddress1"];
                var name = results.value[i]["name"];
                tempArray.push(results.value[i]["accountnumber"],results.value[i]["emailaddress1"],results.value[i]["name"]);

            }
        } else {
            Xrm.Utility.alertDialog(this.statusText);
        }
    }
};
req.send();

普通HTML表添加数据。 Link供参考