Select value from dropdown field - Extensible Framework

Hi,

How can I select by afterlayout/afterloadata the first record of a dropdown field?

For now I´m just trying to force the value (and the value exists and can be selected manually) but the field is not being filled automatically.

Can you help?

Ext.define('EAM.custom.external_wsjobs', {
extend : 'EAM.custom.AbstractExtensibleFramework',
getSelectors : function () {
var me = this;
return {
'[extensibleFramework] [tabName=ACK][isTabView=true]' : {
afterloaddata : function () {

var vFormPanel = EAM.Utils.getCurrentTab().getFormPanel();

var vAct2 = '10 - Mechanical';

vFormPanel.setFldValue('activity', vAct2, true);
console.log('afterloaddata');

}
}
}
}
});

Regards

Rui

Find more posts tagged with

EAM Development

Accepted answers

All comments

unknown

I was hoping to see someone else post, as my version seems kind of klugey.

For me to get it to work, I set the value, then click the lov button twice (once to open and once to close), then I focus in the field.

It works!

My code is available at:
https://infor-eam-ef.s3.amazonaws.com/setPopList+v1.1.txt

Please attribute the code to Stratum Consulting Partners, www.stratumcp.com

Michael Snyder
www.linkedin.com/in/imsnyder

unknown

Hi Michael,

Thanks! I will try your code. But you need always to do some click instead of be automatically filled right?

Regards

unknown

The code does the Clicks!

antonio-caria

Your code can be minimized to:

Ext.define('EAM.custom.external_wsjobs', {
extend: 'EAM.custom.AbstractExtensibleFramework',
getSelectors: function () {
return {
'[extensibleFramework] [tabName=ACK][isTabView=true]': {
afterloaddata: function () {
EAM.Utils.getCurrentTab().getFormPanel().setFldValue('activity', '10 - Mechanical', true);
console.log('afterloaddata');
}
}
}
}
});

unknown

Antonio,
your code works for simple fields, but not for drop down field. You need to click the button to get the field to validate.

0904080826502268.xls

alex-swary

Hello Michael,
maybe I'm missed a point but :
the ACK field 'activity' is an
Ext.getClass(Ext.ComponentQuery.query('[name=activity]')[0]).getName()
'EAM.ux.form.ComboBox'

as the HDR field 'workordertype'
Ext.getClass(Ext.ComponentQuery.query('[name=workordertype]')[0]).getName()
'EAM.ux.form.ComboBox'

if I get the actual value of a such field
Ext.ComponentQuery.query('[name=workordertype]')[0].getValue()
'BR01'
change it, by hand, to anoter value on the screen
Ext.ComponentQuery.query('[name=workordertype]')[0].getValue()
'CCCCA'

and set it back with javascript
Ext.ComponentQuery.query('[name=workordertype]')[0].setValue('BR01')
constructor {initialConfig: {…}, $iid: 1532, id: 'uxcombobox-2394', autoGenId: true, protoEl: null, …}

It seems to work.
Am I missing a point ?

Thank-you,

Davide Grandi

unknown

If you are setting the code value, then you are golden.

It looks like you have found a solution that I've not used before.

Thanks for sharing your code ... others may be able to use your example.

The way I've set values is by using this code:
document.getElementById(vId).value = 'BR01';
This works for most fields but not drop-downs!

What you are doing is:
Ext.ComponentQuery.query('[name=workordertype]')[0].setValue('BR01');

Again, Thnaks!

Copyright © 2025 Infor. All rights reserved.