Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by khurram shehzad on May 25, 2007 09:36
open dhtmlx forum
dhtmlx grid cell drag & drop


We have bought the professional version of dhtmlx controls, and we were wondering if we could have the following functionalities:

  1. Drag and drop a table cell anywhere outside the grid which would perform some action.
    e.g: a table consisting of list of products with prices in one of the column. What we would like is that; we could drag and drop certain price of a product(which is in a cell of that product row) and open the detail of that column. So in the above case we would probably need to get the product id as well as the cell details which was dragged and dropped.
  2. The possibility to select multiple cells of the grid together and drag & drop them somewhere.
  3. The possibility to add contextual menus with table cells.
  4. The possiblility to select multiple rows.

    Any idea or suggestion would be really helpful.
    Thanking in anticipation.

Answer posted on May 25, 2007 12:23
>>The possiblility to select multiple rows.
In multiselect mode you can select few rows by shift-click or|and crtl-click, all selected row can be dragged at once.
To enable multiselection, next command need to be issued
    grid.enableMultiselect(true);

>The possibility to select multiple cells of the grid together and drag & drop them somewhere.
The selection in grid are row based, you can't select just a cells.

>>The possibility to add contextual menus with table cells.
Such functionaltiy supported in pro version
    samples/pro_context_menu.html
    samples/pro_context_column.html
Answer posted by Khurram on May 25, 2007 14:55
Thanks for your reply.
About the selection of single or multiple cells apparently it seems like it is possible or could be made possible.

http://scbr.com/docs/products/dhtmlxGrid/samples/drag_grid.html
http://www.scbr.com/docs/products/dhtmlxGrid/samples/grid_copy_to_cb.html

In the above links there are some examples which seems like to have this functionality of cell selection by clicking on a cell or by keeping the left mouse button clicked and dragging over the cells. Is this not really a cell selection??

If its still a row selection, can it be made possible to select a cell by other ways. If even a custom solution could be envisaged, could you please  guide us how it could be done using the dhtmlxGrid??
Answer posted on May 25, 2007 17:52
>>In the above links there are some examples which seems like to have this functionality of cell selection by clicking on a cell or by keeping the left mouse button clicked and dragging over the cells. Is this not really a cell selection??

There is no way to select just different cells, but yes it possible to select some region in grid. This functionality was implemented only in dhtmlxGrid 1.3 and currently used only for operations with clipboards.
Mode can be enabled by
    grid.enableBlockSelection();
But such selection can't be used for drag-n-drop


>>If its still a row selection, can it be made possible to select a cell by other ways
The styles in dhtmlxGrid.css can be updated, so they not highlight the selected row, only selected cell, so visually it will look as single selected cell.
The situation with few selected cells are much harder to achieve, the grid build in such way, that only one cell can be focused in same moment of time.
Answer posted by Embre (Support) on Nov 28, 2014 13:55

Having solved the problem mentioned above, you may also look through the possible related problems with javascript calendar of events and date picker calendar.