Are there differences about the setting and scripts of client-side events between 7.1.2 and 8.2.2?

We have a custom UI, using Dropdown to control some hideable Panels, it works on 7.1.2, after we migrate it to 8.2.2, it doesn’t work. We don’t find the differences of setting and script about this UI, so we think some settings maybe need change to make it work on 8.2.2, could some one give us some advices about this?

The client-side events script is showed below:

var htmlSelectOneMenu = CAF.model(‘#{activePageBean.clientIds[‘htmlSelectOneMenu’]}’);
var XREFPANEL = CAF.model(‘#{activePageBean.clientIds[‘XREFPANEL’]}’);
var KV1PANEL = CAF.model(‘#{activePageBean.clientIds[‘KV1PANEL’]}’);
var KV2PANEL = CAF.model(‘#{activePageBean.clientIds[‘KV2PANEL’]}’);
var KV3PANEL = CAF.model(‘#{activePageBean.clientIds[‘KV3PANEL’]}’);

var xrefIDInput = CAF.model(‘#{activePageBean.clientIds[‘xrefIDInput’]}’);

var keyName1Input = CAF.model(‘#{activePageBean.clientIds[‘keyName1Input’]}’);
var keyValue1Input = CAF.model(‘#{activePageBean.clientIds[‘keyValue1Input’]}’);
var keyName2Input = CAF.model(‘#{activePageBean.clientIds[‘keyName2Input’]}’);
var keyValue2Input = CAF.model(‘#{activePageBean.clientIds[‘keyValue2Input’]}’);
var keyName3Input = CAF.model(‘#{activePageBean.clientIds[‘keyName3Input’]}’);
var keyValue3Input = CAF.model(‘#{activePageBean.clientIds[‘keyValue3Input’]}’);

if (htmlSelectOneMenu.element.value == ‘’)
{
XREFPANEL.setVisible(false);
KV1PANEL.setVisible(false);
KV2PANEL.setVisible(false);
KV3PANEL.setVisible(false);
xrefIDInput.setValue(‘’);
keyName1Input.setValue(‘’);
keyValue1Input.setValue(‘’);
keyName2Input.setValue(‘’);
keyValue2Input.setValue(‘’);
keyName3Input.setValue(‘’);
keyValue3Input.setValue(‘’);
}

if (htmlSelectOneMenu.element.value == ‘XREFID’)
{
XREFPANEL.setVisible(true);
KV1PANEL.setVisible(false);
KV2PANEL.setVisible(false);
KV3PANEL.setVisible(false);
keyName1Input.setValue(‘’);
keyValue1Input.setValue(‘’);
keyName2Input.setValue(‘’);
keyValue2Input.setValue(‘’);
keyName3Input.setValue(‘’);
keyValue3Input.setValue(‘’);
}

if (htmlSelectOneMenu.element.value == ‘KV1’)
{
XREFPANEL.setVisible(false);
KV1PANEL.setVisible(true);
KV2PANEL.setVisible(false);
KV3PANEL.setVisible(false);
xrefIDInput.setValue(‘’);
keyName2Input.setValue(‘’);
keyValue2Input.setValue(‘’);
keyName3Input.setValue(‘’);
keyValue3Input.setValue(‘’);
}

if (htmlSelectOneMenu.element.value == ‘KV2’)
{
XREFPANEL.setVisible(false);
KV1PANEL.setVisible(false);
KV2PANEL.setVisible(true);
KV3PANEL.setVisible(false);
xrefIDInput.setValue(‘’);
keyName1Input.setValue(‘’);
keyValue1Input.setValue(‘’);
keyName3Input.setValue(‘’);
keyValue3Input.setValue(‘’);
}

if (htmlSelectOneMenu.element.value == ‘KV3’)
{
XREFPANEL.setVisible(false);
KV1PANEL.setVisible(false);
KV2PANEL.setVisible(false);
KV3PANEL.setVisible(true);
xrefIDInput.setValue(‘’);
keyName2Input.setValue(‘’);
keyValue2Input.setValue(‘’);
keyName3Input.setValue(‘’);
keyValue3Input.setValue(‘’);
}

if (htmlSelectOneMenu.element.value == ‘KV12’)
{
XREFPANEL.setVisible(false);
KV1PANEL.setVisible(true);
KV2PANEL.setVisible(true);
KV3PANEL.setVisible(false);
xrefIDInput.setValue(‘’);
keyName3Input.setValue(‘’);
keyValue3Input.setValue(‘’);
}

if (htmlSelectOneMenu.element.value == ‘KV23’)
{
XREFPANEL.setVisible(false);
KV1PANEL.setVisible(false);
KV2PANEL.setVisible(true);
KV3PANEL.setVisible(true);
xrefIDInput.setValue(‘’);
keyName1Input.setValue(‘’);
keyValue1Input.setValue(‘’);
}

if (htmlSelectOneMenu.element.value == ‘KV123’)
{
XREFPANEL.setVisible(false);
KV1PANEL.setVisible(true);
KV2PANEL.setVisible(true);
KV3PANEL.setVisible(true);
xrefIDInput.setValue(‘’);
}

What does Firebug say? Are you redeploying the WAR or recoding it?

One thing I’ve found is that in 8.2 the Text output control is set to RAW by default and so you can’t access it via script with out setting RAW to FALSE. Maybe that’s the issue?