Customer experience | Sales, Customer Insights,...

Run function on button click and not onload of webresource

(0) Share

Report

Posted on by Ravinder Singh Jamwal

I have below html webresource whcih update the selected value from optionset on field in CRM form but it is running on load and onchange. I want it to work on click on the button only. Once I have chosen the option and click on the button it should get updated in CRM. Any suggestions.

<html><head>
<title>Metadata Demonstration</title>
<script src="../ClientGlobalContext.js.aspx" type="text/javascript"></script>
<script type="text/javascript">

function startSample() {
var select = document.getElementById("combobox");
select.onchange = function () {
var index = this.selectedIndex;
var selected = this.options;
var selectedValue= selected[index].text;
window.parent.opener.Xrm.Page.data.entity.attributes.get("new_deletion").setValue(selectedValue);
};
}

</script>
<meta></head>
<body onload="startSample()" onfocusout="parent.setEmailRange();" style="overflow-wrap: break-word;">
<select id="combobox">
<option value="Test1">Testing1</option>
<option value="Test2">Testing2</option>
<option value="Test3">Testing3</option>
</select>
<button onclick="startSample()">Click me</button>

</body></html>

I have the same question (0)

All responses (5)

Answers (0)

Suggested answer

Carlo Velasco 787 on at

Like (0)

Report

Hi

Please refer to the following post.

community.dynamics.com/.../how-to-add-a-button-to-a-form

Was this reply helpful? Yes No
Suggested answer

Bipin D365 28,983 Moderator on at

Like (0)

Report

Hi,

Try below code and see if it works.

<html><head>

<title>Metadata Demonstration</title>

<script src="../ClientGlobalContext.js.aspx" type="text/javascript"></script>

<script type="text/javascript">

function startSample() {

var select = document.getElementById("combobox");

select.onchange = function () {

var index = this.selectedIndex;

var selected = this.options;

var selectedValue= selected[index].text;

window.parent.opener.Xrm.Page.data.entity.attributes.get("new_deletion").setValue(selectedValue);

};

}

function startSample_ButtonClick() {

var select = document.getElementById("combobox");

var index = select.selectedIndex;

var selected = select.options;

var selectedValue= selected[index].text;

//alert(selectedValue);

window.parent.opener.Xrm.Page.data.entity.attributes.get("new_deletion").setValue(selectedValue);

}

</script>

<meta></head>

<body onload="startSample()" onfocusout="parent.setEmailRange();" style="overflow-wrap: break-word;">

<select id="combobox">

<option value="Test1">Testing1</option>

<option value="Test2">Testing2</option>

<option value="Test3">Testing3</option>

</select>

<button onclick="startSample_ButtonClick()">Click me</button>

</body></html>

If found helpful, Please mark my answer verified.

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

Like (0)

Report
Hi Ravinder,

You can use this Syntax to achieve it.

Xrm.Page.data.entity.save();

Since all of your changes occur in the front end, you need to add following code to the js code to save changes.

Add this code to the js:

window.parent.Xrm.Page.data.entity.save();

Like this:

Only in this way, you can save your changed records after clicking button.

Regards,

Clofly

Was this reply helpful? Yes No
Suggested answer

Ravinder Singh Jamwal 65 on at

Like (0)

Report

Hey Bipin Thanks. Seems like you forgot to remove the initial function. It works though.

Was this reply helpful? Yes No
Suggested answer

Bipin D365 28,983 Moderator on at

Like (0)

Report

Hi,

Glad that it worked. Please mark my answer verified if I were helpful.

If found helpful, Please mark my answer verified.

Was this reply helpful? Yes No