Drag to Sort Items

Alex (@alex)

71659

1

5

About This Space

Want to allow your users to sort data using drag-and-drop? This space shows you how!


Last updated on March 30, 2020

Public Permissions:   View   Open/Fork   Run   Comment  

Drag to Sort Demo

Want to allow your users to sort data using drag-and-drop?

This space shows you how using a Rich Display and some client-side JavaScript code.

It's a full CRUD interface that allows you to:

  • Add Items
  • Edit Items
  • Delete Item
  • Re-sort Items

screenshot

Comments

Write Preview Markdown: bold italic code link
Post
klaw

7 years ago

Wow!

1

More Spaces By Alex (@alex)

Filters:

Popular Recent

test3

Alex

45395

0

0

Dynamic dropdowns

The second dropdown is dependent on the first

Alex

45206

0

0

custom plugin

Alex

45192

0

0

Vue.js Rich Display 3

Vue.js using Rich Display Components built in the Visual Designer

Alex

45125

0

0

Blank Page

Rich Display application

Alex

45095

0

0

Static Hello World 5

Static HTML Hello World App

Alex

45039

0

0

boolean indicator example

Alex

44892

0

0

Alex Demo 1

Demo

Alex

44646

0

0

LC stateful drag and drop

This is the completed example for the Stateful To-Do List Application walkthrough (https://noderun.com/docs/walkthroughs/stateful_todo_list_app) and the starting point for the Drag and Drop walkthrough (coming soon). Please feel free to fork this workspace to use as a starting place for you own projects or for the walkthroughs.

Alex

44496

0

0

test low code

Alex

44328

0

0

Loading a Grid 9

Displaying information in grids is fundamental to developing applications. This demo application displays a list of products in a grid.

Alex

44204

0

0

mytest

Alex

44033

0

0