Attach a common onchange function to multiple fields in an onload client script

[twooton]

I found this article on how to attach a common onchange function to multiple fields in an onload client script. I want to calculate a date field (end date) but I need to check multiple fields (start date, length of term, renewable, etc) first to ensure they have values or specific values so the calculation can be done, if it should be done.

http://www.snc-blog.com/2012/06/04/client-script-for-multiple-fields/

The problem I am running into is this. When manually changing the date value of start date, it works fine. When the datepicker is used to set the field value of start date, my onchange does not fire. Simplified code below:

function onLoad() {
try {
var start_field = g_form.getControl('starts');
start_field.onchange = calculateContractDates;
} catch (err) { }
}

function calculateContractDates() {
var renewable_value = g_form.getValue('renewable');
alert(renewable_value);
}

Any insight would be appreciated.

[jhughessuta]

does this work on catalog client scripts as well? I am trying to use this solution but it's not working for me (on New York).

I am trying to do a simple alert to see if it works, but nothing happens

my onload:

function onLoad() {
    //Type appropriate comment here, and begin script below
}



function checkPrimaryRole() {
   alert('this is working');
}

My onChange

function onChange(control, oldValue, newValue, isLoading) {
	
    if (isLoading || newValue == '') {
        return;
    }
	
    checkPrimaryRole();

   
}

[ya1988bk]

You need to change your onLoad client script to the following so the function is an expression in order to work on Service Portal:

function onLoad() {
   // Usual onload stuff here.....
   
}
//This function is called within the various onChange methods
checkPrimaryRole = function(){
    //Run Shared code here!
};

[P_Dinesh kumar1]

Hi Mark,

I'm having the same scenario like, Onchange of following fields title, country and department another filed(role field need to set).it works fine in catalog view but in service portal not working any idea?

function onLoad() {

var tit = g_form.getControl('title');
tit.onchange = setRole;
var cou = g_form.getControl('country');
cou.onchange = setRole;
var dep = g_form.getControl('department');
dep.onchange = setRole;

}

function setRole() {
var title = g_form.getValue('title');
var department = g_form.getValue('department');
var country = g_form.getValue('country');

if (department == "Bailiffs") {
g_form.setValue('role','Role_DE_LIT_Officer' );
}

onChange(this.name);
}

[ya1988bk]

The function is onLoad Client Script needs to be as expression to work on the Service Portal:

// Replace function setRole() with setRole = function()

setRole = function() {
var title = g_form.getValue('title');
var department = g_form.getValue('department');
var country = g_form.getValue('country');

if (department == "Bailiffs") {
g_form.setValue('role','Role_DE_LIT_Officer' );
}

[ya1988bk]

Thank you for the information, it is really helpful even 7 years later.

However, few things to add as of Yokohama release:

1) For the code to work on the ServicePortal, the function needs to be written as an expression:

function onLoad() {
    // Blank since we're just creating a shared function for this table
}

// Shared function that can be accessed by any other client script for this table
calculateContractDates = function() {
    var renewable_value = g_form.getValue('renewable');
    alert(renewable_value);
}

2) Article written by Vinod Paul Fredrick explains how to replace multiple onChange Client Scripts with one onLoad Client Script

Using one onLoad Client Script instead of multiple onChange ones