Dependent Single Select inside the table

Martina J

March 4, 2019 at 4:56 am #5429

Hi ,

In my requirement there are 2 single select controls are there inside the table. The 2nd single select control DD values are dependent on 1st single select control selection.

I used the ajax service to load the values in both single select controls.

For dependent selection in 2nd single select control, the below line is added in on change event of 1st single select control.

${singleselect2}.reloadServiceItems(me.getSelectedItem());

But the issue here, if there are 10 rows in the table, on selection of 1st single select control always the first row of 2nd single select control only loading.

So help me to load the values in 2nd single select control based on the row selection of the 1st single select control.

Attached the table design.

 

Thanks

Martina

 

 

SPARK Support

March 4, 2019 at 6:29 am #5431

Hi Martina,

Use me.ui.getSibling(“SingleSelect2”) to call the second Single Select from the first.

http://support.salientprocess.com/docs/enterprise/bpmext.ui.View.html

Regards,

Stephen P.

Martina J

March 4, 2019 at 7:50 am #5432

Thank  you Stephen.

I used the below script in my 1st single select control on change event.

me.ui.getSibling(“SingleSelect2”).reloadServiceItems(me.getSelectedItem());

When i add the required rows first then select the values in f1st single select then properly the dependent value loaded in 2nd single select. (attachment 1)

But when i select the data in the first row for both single select controls and then add the second row, then the selected value in 2nd single select disappeared.

(attachment2)

 

Martina J

March 4, 2019 at 8:15 am #5434

Thank  you Stephen.

I used the below script in my 1st single select control on change event.

me.ui.getSibling(“SingleSelect2”).reloadServiceItems(me.getSelectedItem());

When i add the required rows first then select the values in 1st single select then properly the dependent value loaded in 2nd single select. (attachment 1)

But when i select the data in the first row for both single select controls and then add the next row, then the selected value in 2nd(previous rows) single select values are disappeared. Means only able to load the last row in the table.  (attachment2)

Kindly assist whether the used script is correct.

 

Thanks

Martina

SPARK Support

March 6, 2019 at 10:17 am #5437

Hi Martina,

Which BPM version including CF (i.e. BPM 8.6.0 CF201803) are you using and version of UI (i.e. BPM UI 8600 or SPARK 4.5.2)?

Regards,

Stephen P.

Martina J

March 8, 2019 at 5:27 am #5439

Hi Stephen,

I am working in IBM BPM cloud 8.5.7/. BPM UI is the in build toolkit for this version.

 

Regards

Martina

 

Martina J

March 20, 2019 at 5:46 am #5440

Hi Stephen,

Could you please help to get the solution for this issue.

I couldn’t able to proceed further and need this to be resolved ASAP.

 

Regards

Martina

Martina J

March 26, 2019 at 3:37 am #5441

Hi Stephen,

In my code i am using client side script to add a new row in the table. So the page/UI gets loaded every time when i add a new row.

On load of the page/UI the input data for the second single select service goes as “undefined” and not retrieving any results.  This is the reason for this issue.

So i added the below script in both “onload’ and “onchange” events of first single select control and its working fine.

me.ui.getSibling(“SingleSelect2”).reloadServiceItems(me.getSelectedItem().value);

Thanks for your help.

 

Regards

Martina

 

 

SPARK Support

April 3, 2019 at 6:03 am #5449

Hi Martina,

I am glad to hear that you found a solution.

Regards,

Stephen P.