?
原創地址:http://www.cnblogs.com/jfzhu/archive/2013/02/14/2912580.html
轉載請注明出處
?
在Form中可以添加一個html的web resource,在web resource里可以用JScript來使用REST Endpoint或者SOAD Endpoint。
?
你可以在Form中添加一個web resource,也可以為Form添加一個指向某web resource的Navigation Link。
?
不論是以哪種方式,web resource可以用parent.window.Xrm來獲得CRM Form中的Xrm對象。舉一個小例子,在account的Form中添加一個html的web resource bm_ContactReadPane.htm來模擬出一種類似Outlook的Read Pane的功能:選擇不同的primary contact,web resource就顯示出相應的contact的full name和 business phone。
?
bm_ContactReadPane.htm代碼:
<html> <head> <title></title> <script src="ClientGlobalContext.js.aspx"></script> <script type="text/jscript" src="bm_ContactReadPane.js"></script> <script type="text/jscript" src="bm_json.js"></script> <style type="text/css"> td { font-family: Segoe UI, Tahoma, Arial; font-size: 11px } </style> </head> <body onload="ContactReadPaneLibrary.OnLoad()"> <div> <table> <tr> <td>Full Name:</td> <td><input id="TextFullname" type="text" disabled="disabled" /></td> </tr> <tr> <td>Business Phone:</td> <td><input id="TextBusinessPhone" type="text"/></td> </tr> <tr> <td></td> <td><input id="TextHiddenId" type="text" style="display:none"/></td> </tr> </table> </div> </body> </html>
要注意上面代碼中對<script src="ClientGlobalContext.js.aspx"></script>的引用,引用了它以后才可以使用CRM的REST Endpoint或者 SOAP Endpoint。如果你的web resource為bm_html/ContactReadPane.htm,那么引用就要改為script src="../ClientGlobalContext.js.aspx"></script>,注意文件夾的結構。
?
bm_ContactReadPane.js的代碼:
if (typeof (ContactReadPaneLibrary) == "undefined") { ContactReadPaneLibrary = { __namespace: true }; }ContactReadPaneLibrary = { Name: "ContactReadPaneLibrary", OnLoad: function () { if (parent.window.Xrm.Page.getAttribute("primarycontactid").getValue() != null && parent.window.Xrm.Page.getAttribute("primarycontactid").getValue().length > 0) { var primartycontact = parent.window.Xrm.Page.getAttribute("primarycontactid").getValue()[0]; var contactid = primartycontact.id; var oDataPath = Xrm.Page.context.prependOrgName("/xrmservices/2011/organizationdata.svc"); var filter = "/ContactSet(guid'" + contactid + "')?$select=ContactId,Telephone1,FullName"; var retrieveRecordsReq = new XMLHttpRequest(); retrieveRecordsReq.open("GET", oDataPath + filter, true); retrieveRecordsReq.setRequestHeader("Accept", "application/json"); retrieveRecordsReq.setRequestHeader("Content-Type", "application/json; charset=utf-8"); retrieveRecordsReq.onreadystatechange = function () { ContactReadPaneLibrary.RetrieveContactCallBack(this); }; retrieveRecordsReq.send(); } else { document.getElementById("TextFullname").value = ""; document.getElementById("TextBusinessPhone").value = ""; document.getElementById("TextHiddenId").value = ""; } }, RetrieveContactCallBack: function (retrieveRecordsReq) { if (retrieveRecordsReq.readyState == 4 /* complete */) { if (retrieveRecordsReq.status == 200) { //Success //alert(retrieveRecordsReq.responseText); if (retrieveRecordsReq.responseText) { var retrievedRecord = JSON.parse(retrieveRecordsReq.responseText).d; document.getElementById("TextFullname").value = retrievedRecord.FullName; document.getElementById("TextBusinessPhone").value = retrievedRecord.Telephone1 == null ? "" : retrievedRecord.Telephone1; document.getElementById("TextHiddenId").value = retrievedRecord.ContactId; } } else { alert("Error : " + retrieveRecordsReq.status + ": " + retrieveRecordsReq.statusText + ": " + JSON.parse(retrieveRecordsReq.responseText).error.message.value); } } } }
account Form中的代碼,PrimaryContactOnChange為account的primary contact onchange的 event handler。
if (typeof (AccountLibrary) == "undefined") { AccountLibrary = { __namespace: true }; }AccountLibrary = { Name: "AccountLibrary", PrimaryContactOnChange: function () { var contactReadPane = Xrm.Page.getControl("WebResource_ContactReadPane").getObject().contentWindow; var contactReadPane2 = Xrm.Page.getControl("WebResource_ContactReadPane2").getObject().contentWindow; contactReadPane.location.reload(); contactReadPane2.ContactReadPaneLibrary.OnLoad(); } }
?
我在account的form中添加了兩個web resource,一個在更改form的primary contact的value以后需要刷新,另一個不需要刷新。
Form中的script調用web resource中的script,要使用對象Xrm.Page.getControl("WebResource_ContactReadPane").getObject().contentWindow。contactReadPane.location.reload()實現web resource的刷新,contactReadPane2.ContactReadPaneLibrary.OnLoad()是AJAX的實現,不需刷新,直接更改Full Name和Business Phone。
?
最后看一下效果圖:
?
總結:web resource中的JScript需要用parent.window.Xrm來獲得CRM Form中的Xrm對象,而CRM Form中的JScript需要使用Xrm.Page.getControl("WebResource_ContactReadPane").getObject().contentWindow對象來刷新web resource或調用web resource中的JScript函數。