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(‘’);
}