Rajeev Pentyala – Microsoft Power Platform

To answer one of the queries posted on my blog, in this article I am going to detail, capturing the events from Editable sub grid and Get/Set the form fields.

To simplify the explanation, I am taking below use case

• On Account from configure ‘Contacts’ editable sub grid
• On change of ‘Business Phone’ from ‘Contact’ sub grid
• • Read the new ‘Business Phone’ value
• 
• • Set the ‘Telephone’ field on Account form with the Contacts ‘Business Phone’

below are the execution steps

Add ‘Editable Grid’ on Account Form:

• Add a ‘Contact’ sub grid on the Account form (You can leverage OOB Contacts grid as well)
• To convert read only grid to Editable grid, Double click on ‘Sub grid’ and go to ‘Controls’ -> Add Control
• Choose ‘Editable Grid’ option from the list

• Select ‘Web’ checkbox

• Click ‘OK’

Register ‘onchange’ event on sub grid field:

• Double click on ‘Sub grid’ and go to ‘Events’
• Select the Field as ‘Business Phone’ and the Event as ‘OnChange’

• Add click ‘+Add’ to add your Jscript function name
• • Function : businessPhoneOnChange
• Make sure you select the ‘Pass execution context as first parameter’ checkbox

• Save and Publish the form

JScript function:

function businessPhoneOnChange(execContext) {
try {
var formContext = execContext.getFormContext();

// Read the changed Business Phone’ value from sub grid
var entityObject = formContext.getData().getEntity();
var contactBusinessPhone = entityObject.attributes.getByName(“telephone1”).getValue();
// showAlert(“Business Phone – ” + contactBusinessPhone);

// Set the ‘Phone’ field on ‘Account’ form
parent.Xrm.Page.getAttribute(“telephone1”).setValue(contactBusinessPhone);
} catch (e) {
showAlert(“Error in businessPhoneOnChange – ” + e.description);
}
}

function showAlert(message) {
var alertStrings = { confirmButtonLabel: “Yes”, text: message };
var alertOptions = { height: 120, width: 400 };
Xrm.Navigation.openAlertDialog(alertStrings, alertOptions).then(
function success(result) {
console.log(“Alert dialog closed”);
},
function (error) {
concole.log(error.message);
}
);
}

🙂