Stephen Griffith
Top achievements
Rank 1
Rank 1
Stephen Griffith
asked on 12 Oct 2009, 07:31 PM
Hi,
I'm working on a bit of a mashup of functionality and could use some guidance. Our application has the need to drag from a list of items (call it A) to another list of items (call it B). This issue gets complex however because the items need to appear different in list A than they do in B. For example A contains text items and B contains image representation of the text dragged in A. It gets further complicated because list B needs to render not in a set of rows, but rather side by side wrapping automatically to the next line (ex. Grid ListView/DataList View). The final complication is that I need to be able to drag/drop re-order the items in list B.
So, right or wrong, I've been able to cover a lot of the functionality by combining the ability to drag from a tree to a grid with the ability to render grid items as shown in the 'ListView/DataList View' example on the site (I suppose I could also have done a grid to grid drag and drop). Now I'm trying to figure out how I can re-order and even delete items from the grid in a moderately elegant way. What it really boils down to is this; is there a way to render grid data as shown in the 'ListVIew/DataList View' example, but still enable drag drop of items in that list. When I try enabling the client side settings for row drag drop I'm not able to drag my individual items. It tries to treat the whole grid as one row (which I suppose it may be).
Thanks for reading to the end if you made it. Thanks further if you have any ideas.
Attached is a screenshot of what I have so far.
-Steve
I'm working on a bit of a mashup of functionality and could use some guidance. Our application has the need to drag from a list of items (call it A) to another list of items (call it B). This issue gets complex however because the items need to appear different in list A than they do in B. For example A contains text items and B contains image representation of the text dragged in A. It gets further complicated because list B needs to render not in a set of rows, but rather side by side wrapping automatically to the next line (ex. Grid ListView/DataList View). The final complication is that I need to be able to drag/drop re-order the items in list B.
So, right or wrong, I've been able to cover a lot of the functionality by combining the ability to drag from a tree to a grid with the ability to render grid items as shown in the 'ListView/DataList View' example on the site (I suppose I could also have done a grid to grid drag and drop). Now I'm trying to figure out how I can re-order and even delete items from the grid in a moderately elegant way. What it really boils down to is this; is there a way to render grid data as shown in the 'ListVIew/DataList View' example, but still enable drag drop of items in that list. When I try enabling the client side settings for row drag drop I'm not able to drag my individual items. It tries to treat the whole grid as one row (which I suppose it may be).
Thanks for reading to the end if you made it. Thanks further if you have any ideas.
Attached is a screenshot of what I have so far.
-Steve
1 Answer, 1 is accepted
0
Hello Stephen,
Thank you for the detailed explanation.
Indeed when using the ListView/DataList-like layout of RadGrid presented on this demo of the product the separate elements are wrapped inside one grid item actually and you will not be able to perform drag and drop operations.
The option I can offer you is to define global item template for the grid items as demonstrated on this example in order to support drag and drop operations on a per-row basis. However, note that you will not be able to use the tiled layout in this case. I hope that this is applicable solution for your situation.
Best regards,
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.