O'Reilly logo

Ext JS 4 Web Application Development Cookbook by Stuart Ashworth, Andrew Duncan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Dragging-and-dropping records between grids

Allowing users to drag-and-drop items from one container to another is a very visual and user-friendly way of manipulating data. Ext JS provides us with very easy-to-use drag-and-drop classes that make including this functionality in grids simple.

Once again we will base our example on the Invoice Management scenario and we will create two grids. The first will contain unpaid invoices and the second paid invoices. We are going to set up drag-and-drop to allow the user to move an invoice from the unpaid invoices grid to the paid invoices grid and vice versa.

Getting ready

We are going to use the Invoice example that we have used throughout this chapter, so we will start by including the Model and Store files ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required