jQWidgets Forums

jQuery UI Widgets Forums Grid SIMPLE drag-drop example with jqxgrid?

This topic contains 4 replies, has 2 voices, and was last updated by  swisspen 11 years, 11 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author

  • swisspen
    Participant

    Hi

    I have figured out how to use JSON/PHP to populate my grids, and have also seen how easy it is to implement drag-drop with jqxlistbox, but after looking at all the demos, I am now quite confused. Drag-drop with the grid seems to be far more complicated. Questions I have include: when do we have to use dataAdapter? And when do we use binding? I am new to JQuery so this might explain my puzzlement.

    So far I simply have a grid with ALL the “members-taking-part-in-all-the-activities” on the left of my page, and I plan to also have up to 6 grids on the right, each one consisting of an individual activity. The aim is to enable the user to drag a line (representing member at activity) from the left into one of the grids on the right, so as to assign a member who is already signed up for Activity A, to Activity B, C, or D etc. (It’s a lot easier to show you the screen, but it seems we can’t do that here.)

    Your main drag-drop example uses images, and a shopping cart, and appears to be way more complex than what I am trying to do. Do you have a simpler example that corresponds to mine?

    Thanks in advance,
    SP


    swisspen
    Participant

    Ok, so after looking at the API, it seems there is no “row” property. It looks as though the only way to select items and transfer them will be with the checkbox – no dragging and dropping.

    Is it envisaged to make a separately movable row property in the future?

    Tks
    SP


    swisspen
    Participant

    Now I’m even more confused. According to this forum user, you can drag-drop rows:

    http://www.jqwidgets.com/community/topic/drag-drop-grid-rows-of-a-group/

    … but he doesn’t say how exactly this works, just mentions getting all the “cells”. is there no way to isolate a grid element as a “row”?

    I have been trying to use getrowdata, but so far can’t access the individual data in the JSON object that is returned. In theory, if I had an #element that corresponded to the data in one row, I could then drag and drop it, right?

    Thanks
    SP


    Mariya
    Participant

    Hi swisspen,

    Please take a look at the provided example at:http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/dragdrop.htm?web

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com


    swisspen
    Participant

    Thanks very much, Mariya. I also found the Drag and Drop, Drag to a Form demo, which makes me re-evaluate my interface design choices somewhat.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.