Has anyone made Drag and Drop for List V3?

[johnnyjava]

Has anyone been able to make drag and drop re-ordering work with List V3?

I've been able to get ListSortWindow working (Include: /scripts/classes/sort/ListSortWindow2.js) from reviewing the UI Actions entitled "Rank" on rm_story table, but this seems to only work on List V2.

function openSortingDialog_c8f4cdbf6f410200cf7fa2054b3ee452(g_list) {
   var contextId = g_list.getSubmitValue('sysparm_collectionID');
   ListSortWindow.getInstance().openSortWindowWithParams('Rank', contextId, 'sprint', 'rm_sprint', 'rm_story', 'sprint_index', 'visible_columns=,extra_conditions=', g_list);
}

Requirements:

Load a list of GlideRecords (usually tasks) with an index column such as order (task order) so that users can drag and drop them to change the order they should be worked within a Release Phase or Change Request.

I see that ui-sortable is used on the Visual Task Boards, but it's designed for "swim lanes" and not task re-ordering.

[Chuck Tomasi]

Hi Johnny,

I love the idea. I don't believe it is available today.

I invite you to open an enhancement request! Our product managers DO listen.

Enhancement requests: Tell us how you would improve the ServiceNow product

[johnnyjava · Accepted solution]

I started working on this using a widget, but i'm having some trouble and don't know where to look for help. ng-sortable trouble with data table widget

Update: I got this working by inspecting VIsual Task Boards and creating a Widget Dependency to include /scripts/sn.dragdrop/ng_jqdnd_includes.js

[Chuck Tomasi]

FWIW, I'm working on something similar with a hierarchical list using AngularJS UI Tree.

AngularJS UI Tree demo