How to Use Service flow(8.5.7) for Type ahead

sanjeet chhoker

April 19, 2017 at 1:27 am #4137

Default Spark UI Type ahead uses Ajax to get type-ahead values. We have a requirement where we are using Service flows to integrate with outside services using Swagger file Integration in IBM BPM, and this service flow will get the values needed for type ahead, however in responsive coaches component I am able to use Service flow as a type- ahead  service but not for Spark UI components.
Any help on how we can do this if at all we can, would be much appreciated.

SPARK Support

April 19, 2017 at 10:16 am #4139

Hi Snajeet,

Can you share a screenshot of your Configuration for the Type Ahead control and your Diagram with the Service Flow?

The Type Ahead control simply requires a list of Strings, whether provided from a Service or a List variable.

Regards,

Stephen P.

sanjeet chhoker

April 19, 2017 at 1:13 pm #4142

Hi Stephen,

Thank you for your prompt response.

Please find attached screenshots.

 

SPARK Support

April 19, 2017 at 4:08 pm #4176

Hi Snajeet,

This looks correct.

Is there a different way you are trying to implement the list?  If so, please provide screenshots of the proposed implementation.

Regards,

Stephen P.

sanjeet chhoker

April 20, 2017 at 1:29 am #4177

Hi Stephen,

No that’s the only thing I am trying, but if I do the same with Ajax service it does work!

 

Regards

Sanjeet

 

sanjeet chhoker

April 21, 2017 at 2:45 am #4181

Hi Stephen,

Do you want me to upload twx?

 

Regards

Sanjeet

SPARK Support

April 21, 2017 at 8:31 am #4182

Hi Snajeet,

You may use the following directory to upload your TWX file:

https://sftp.salientprocess.com/sharing/WUlCWiSzf

Regards,

Stephen P.

 

sanjeet chhoker

April 21, 2017 at 8:50 am #4183

Hi Stephen,

I have uploaded the twx file. Details of services are :

Humans Service – Type Ahead Example

Service Flow – Type Ahead Service.

Regards

Sanjeet

 

 

SPARK Support

May 31, 2017 at 1:41 pm #4361

Hi Snajeet,

To use a Service Flow with a Type-Ahead control, add a the control to a Client-Side Human Service. Set the Items configuration to use Items From Service as the Item Lookup Mode, just as you would for an AJAX service.  Click New on the Type-ahead Items Service.

Name your Service Flow something like Test TypeAhead Items Service Flow.  Click on the Variables tab.  You will see the required data(String) for Input and results(String)(List) for Output.  Click on the Overview tab.  Be sure to set Ajax Access to “Allow calls from all users”.  Add a Script Task to the Diagram, and populate the Script as you would the AJAX service.

The following script populates the Type-Ahead control with a list of US states:

tw.local.results = new tw.object.listOf.String();
var states = [“Alabama”,”Alaska”,”Arizona”,”Arkansas”,”California”,”Colorado”,”Connecticut”,”Delaware”,”Florida”,”Georgia”,”Hawaii”,”Idaho”,”Illinois”,”Indiana”,”Iowa”,”Kansas”,”Kentucky”,”Louisiana”,”Maine”,”Maryland”,”Massachusetts”,”Michigan”,”Minnesota”,”Mississippi”,”Missouri”,”Montana”,”Nebraska”,”Nevada”,”New Hampshire”,”New Jersey”,”New Mexico”,”New York”,”North Dakota”,”North Carolina”,”Ohio”,”Oklahoma”,”Oregon”,”Pennsylvania”,”Rhode Island”,”South Carolina”,”South Dakota”,”Tennessee”,”Texas”,”Utah”,”Vermont”,”Virginia”,”Washington”,”West Virginia”,”Wisconsin”,”Wyoming”];

for(var i = 0; i < states.length; i++)
{
tw.local.results[i] = states[i];
}

Regards,

Stephen P.