33. WOW Drag and Drop

WOW Drag and Drop

Introduction

[EE 7.0.03+] An API (application program interface) which allows web based drag and drop functionality. The API allows the programmer to develop custom business logic that is integrated with Drag and Drop UI interactions. These Drag and Drop features will allow a user to drag rows of information and add them to a specific group or category.

The Drag and Drop styles to choose from are:

• • Rows: allows the user to change the order of precedence.

  • Rows with a Prompt: allows the user to change the order of precedence but with a search for the list of orders you would like to change.

  • Property Group: allows the user to Drag and Drop information from either Operation details. For example, either drag the employee information into a department or a department information into the employee row of information to change the department the employee belongs to.

Link to examples: Click here to view samples of these Drag and Drop features.

Sortable HTML Table

• • A user will click on a row and drag that up or down to change the order in which the information is viewed.

  • Able to set order of precedence using this feature.

  • Example: If a user has a list of customer orders to be shipped and some customers paid for the next day shipping, 2nd day shipping, or just standard ground shipping, they could put them into order of precedence by shipping date. This Rows Drag and Drop feature is what they could use.

• How to create, click here.

• To watch video tutorial, click here.

Sortable HTML Table w/Prompt

• • A user will click on a row and drag that up or down to change the order in which the information is viewed after the user enters in what list of information they are looking for in a search field.

  • Able to set order of precedence using this feature using a search field.

  • Example: If a user has a list of customer orders to be shipped and some customers paid for the next day shipping, 2nd day shipping, or just standard ground shipping, they could put them into order of precedence by shipping date. Then they could search for all orders that are next day shipping orders and display these and rearrange the customers in order by order date to give precedence. This Rows with a Prompt Drag and Drop feature is what they could use.

    • 
      

  • How to create, click here.

Property Group

• • A user will click on a row for an employee and drop that employee info into a new department, which changes the department that employee belongs to. This can be done in reverse where the user can drag the department information row and drop that into an employee information row, changing the department that employee belongs to.

  • For example, if I have a customer that just created an order and wants it shipped next day, but the system put them into the standard ground shipping, the user could bring up the Operations displaying customers and the Operation displaying all orders. Then the user can drag that customer from the Customer Operation list and drag them and drop them into the next day shipping area to change what category they belong to. This would also work if you dragged the next day shipping row column and dropped it into the customer desired, this will put that customer into that category.

  • How to create, click here.

    • TODO: Rearrange contents and update the samples.