{"id":17,"date":"2013-07-30T11:52:00","date_gmt":"2013-07-30T06:22:00","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=17"},"modified":"2013-07-30T11:52:00","modified_gmt":"2013-07-30T06:22:00","slug":"how-to-pass-object-or-collection-of-objects-to-a-web-resource-in-crm-2011","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2013\/07\/how-to-pass-object-or-collection-of-objects-to-a-web-resource-in-crm-2011\/","title":{"rendered":"How to pass Object or collection of Objects to a web resource in CRM 2011"},"content":{"rendered":"

In Dynamics CRM if we want to pass data to a web resource, then we use Xrm.Utility.openWebResource<\/b>function and pass as second parameter. But in this case we can\u2019t pass Object or Array as parameter.<\/span><\/span><\/span>
\u00a0<\/span><\/span><\/span> <\/p>\n
So to solve this problem one can use JSON. Using JSON we can convert Object or Collection of Object (Array) in string format. This converted data can be used to pass data to web resource. Let us take an example of passing collection of object to web resource. Here I have used collection of array that contains Id, Description and Name of Record.\u00a0<\/span><\/span><\/span><\/div>\n
<\/div>\n
\u00a0\u00a0 <\/span>var<\/span> arrayObject = new<\/span> Array();<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0] = new<\/span> Object();<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].name = “Sample Record 1”<\/span>;<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].id = \u201c1.”<\/span>;<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].decription = “Test Description “<\/span>;<\/span><\/span><\/div>\n
<\/div>\n
<\/div>\n
Then after defining collection of object we will pass that object to JSON.stringify<\/b>. This function will return collection in JSON String format. Then this JSON string is encoded to get parameter that is going to passed to the web resource.<\/span><\/span><\/span><\/div>\n
<\/div>\n
var<\/span>customParameters = encodeURIComponent(JSON.stringify(arrayObject));<\/span><\/span><\/div>\n
<\/div>\n
This encoded JSON string can be passed to web resource using below code:\u00a0<\/span><\/span><\/span><\/div>\n
<\/div>\n
Xrm.Utility.openWebResource(“new_\/Records.html”<\/span>, customParameters);<\/span><\/span><\/div>\n
<\/div>\n
Here \u201cRecords.html\u201d is used for displaying this collection of object on HTML page. In web resource \u201cRecords.html\u201d, passed parameter can be collected as follows:<\/span><\/span><\/span><\/div>\n
<\/div>\n
var<\/span>queryParam = Xrm.Page.context.getQueryStringParameters();<\/span><\/span><\/div>\n
<\/div>\n
The collected parameter is in JSON string format so we have to convert array using JSON.parse<\/b>to convert it into collection of object.<\/span><\/span><\/span><\/div>\n
<\/div>\n
if<\/span>(queryParam.Data) {<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 \u00a0 arrayObject = JSON.parse(queryParam.Data);<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/span><\/span><\/div>\n
<\/div>\n
<\/div>\n
In this way we can pass collection of object as parameter to web resource. Similarly we can do for object as well.\u00a0<\/span><\/span><\/span><\/div>\n
<\/div>\n
We have used above code for passing some data to HTML web resource Records.html. This web resource takes collection of objects. And then show in table format as you can see in below screen shot.<\/span><\/span><\/span><\/div>\n
<\/div>\n
<\/div>\n
<\/a><\/span><\/span><\/div>\n
<\/div>\n
<\/div>\n
<\/span><\/span><\/span><\/div>\n
But when we pass parameter to web resource it is passed as query string. Query string has limitation based on browsers used. So when we pass parameter to web resource it trims\/neglects extra characters from the query string. So it will cause problem while converting JSON string object into Object. And this problem of query string limitation can be solved using window.opener<\/b>.\u00a0<\/span><\/span><\/span><\/div>\n
<\/div>\n
The opener property returns a reference to the window that created the window. When opening a window with window.open(), you can use this property from the destination window to return details of the source (parent) window. By using window.opener we can access global parameters defined in parent web resource. In this way we can access Objects or collection without any limitations.<\/span><\/span><\/span><\/div>\n
Let us take same example of passing collection of object to web resource. We will take collection of object defined as follows.<\/span>\u00a0<\/span><\/span><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var<\/span>_arrayObject = new<\/span> Array();<\/span><\/span><\/div>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0] = new<\/span> Object();<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].name = “Record 1”<\/span>;<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].id = “1.”<\/span>;<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].decription = “Test Description”<\/span>;<\/span><\/span>
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 arrayObject[0] = new<\/span> Object();<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].name = “Record 2”<\/span>;<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].id = “2.”<\/span>;<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0 arrayObject[0].decription = “Test Description”<\/span>;<\/span><\/span><\/div>\n
<\/div>\n
<\/div>\n
Then we open web resource i.e. Records.html using Xrm.Utility.openWebResource.<\/span><\/span><\/span><\/div>\n
<\/div>\n
Xrm.Utility.openWebResource(“new_\/<\/span>Records<\/span>.html”<\/span>);<\/span><\/span><\/span><\/div>\n
<\/div>\n
In web resource, passed data can be collected as follows:<\/span><\/span><\/span><\/div>\n
<\/div>\n
if<\/span>(window.opener._arrayObject != null<\/span>) {<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var\u00a0 _arrayObject = window.opener._arrayObject<\/span><\/span><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/span><\/span><\/div>\n
<\/div>\n
By using above we can pass large amount of data to HTML web resource.<\/span><\/span><\/span><\/div>\n
I have used the windows.opener to collect the data from _arrayObject global object. This collection is converted into HTML table format. I have used this code for displaying selected records into grid.<\/span><\/span><\/span><\/div>\n
<\/div>\n
<\/div>\n
<\/a><\/span><\/span><\/div>\n
<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

In Dynamics CRM if we want to pass data to a web resource, then we use Xrm.Utility.openWebResourcefunction and pass as second parameter. But in this case we can\u2019t pass Object or Array as parameter.\u00a0 So to solve this problem one can use JSON. Using JSON we can convert Object or Collection of Object (Array) in\u2026 Read More: How to pass Object or collection of Objects to a\u2026 »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,20,21,22,24,66],"tags":[895,1260,1302,1829],"class_list":["post-17","post","type-post","status-publish","format-standard","hentry","category-dynamics-crm","category-dynamics-crm-2011","category-dynamics-crm-2013","category-dynamics-crm-2015","category-dynamics-crm-2016","category-web-resources-2","tag-html","tag-objects","tag-pass-objects-to-web-resource","tag-web-resource"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t