Skip to main content
1-Visitor
February 7, 2020
Question

Widget table with rows rearranging, using drag and drop

  • February 7, 2020
  • 4 replies
  • 1825 views

Hi,

 

 

For a project, on a mashup i wanted to perform sequencing of rows in a table by drag and drop method and submit it.

How do we achieve this on thingworx UI mashup programming.

I am uploading an image for example.

 

1_cikFVElAZg2dC4N_kYKVXA.png

Some thing similar to this for a table.

 

Thanks and Regards,

Sri1

 

4 replies

1-Visitor
February 7, 2020

Unfortunately, you're going to need to build a custom widget using a JS library that can enable the drag/drop functionality.

Sri11-VisitorAuthor
1-Visitor
February 10, 2020

Hi wposner-2,

 

 

How do i build the custom widget?

Do you have any sample that i can refer or use?

 

 

 

Thanks and regards,

sri1

18-Opal
February 10, 2020

Hello @Sri1 ,

 

As an alternative I would suggest using a pair of "Up" / "Down" buttons to the side of your list.

 

/ Constantine

5-Regular Member
February 12, 2020

If you don't want to build out an extension for this yourself, you can try to install these two extensions:

 

And use the collection view widget (note: not the standard collection) which supports client-side sorting via drag & drop.