Customer experience | Sales, Customer Insights,...

Call Html webresource on ribbon button click

(0) Share

Report

Posted on by on-premise

267

I am having a ribbon button, when i click it the javascript triggers. it has a function to open html webresource.

Javascript contains data that needs to be displayed on the grid in html.

html grid is displaying with columns but no data. script is working fine.

My question:

1) how to pass the data from javascript to html webresource?

I have the same question (0)

All responses (5)

Answers (0)

Suggested answer

MikeC282 2,175 on at

Like (0)

Report

Hi my friend.

See below on how to open a custom web resource and pass data to it.

https://docs.microsoft.com/en-us/powerapps/developer/model-driven-apps/clientapi/reference/xrm-navigation/openwebresource

Below is how to pass multiple data values to the web resource.

https://docs.microsoft.com/en-us/dynamics365/customerengagement/on-premises/developer/sample-pass-multiple-values-web-resource-through-data-parameter

Was this reply helpful? Yes No
Suggested answer

cloflyMao 25,210 on at

Like (0)

Report
Hi Varma,

We can pass our data as the third parameter of Xrm.Navigation.openWebResource function.

var windowOptions = { height: 400, width: 400 }; Xrm.Navigation.openWebResource("new_excel",windowOptions, "Dynamics365");

When the web resource is opened, the passed data will be set as value of data parameter.

Then we can use regex to capture value of specific parameter of URL.(getParameterByName("data");)

console.log(getParameterByName("data")); function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' name '(=([^]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\ /g, ' ')); }

Regards,

Clofly

Was this reply helpful? Yes No
Suggested answer

Bipin D365 28,983 Moderator on at

Like (0)

Report

Hi,

The parameters you want to pass are: first=First Value&second=Second Value&third=Third Value

Note

If you’re adding static parameters using the Web Resource Properties dialog box from the form editor, you can simply paste the parameters without encoding them into the Custom Parameter(data) field. These values will be encoded for you, but you’ll still need to decode them and extract the values in your page.

For dynamic values generated in code, use the encodeURIComponent method on the parameters. The encoded values should be:

first%3DFirst%20Value%26second%3DSecond%20Value%26third%3DThird%20Value

Open the page passing the encoded parameters as the value of the data parameter:

You can also use parent.Xrm.Page to fetch the data from entity form.

If found helpful, Please mark my answer verified.

Was this reply helpful? Yes No
cloflyMao 25,210 on at

Like (0)

Report

Hi Varma,

Please kindly let us know that whether any of answer could help you.

Regards,

Clofly

Was this reply helpful? Yes No
Amit Prajapati 162 on at

Like (0)

Report

Hi Varma,

Following is prefer way to pass the data from javascript to HTML or WebResource which you have open using .openWebResource().

1. Create a JSON or Object of your data and convert it into string

2. Store String Data in Local Storage of your browser till you require the data

3. Fetch the String Object and convert it to JSON Object or Object

4. Detete data after your work done from browser Local Storage

Following is reference of blog you can refer:

d365demystified.com/.../

Was this reply helpful? Yes No