Drawing a line between two RadListview items

Question

0.00/5 (No votes)

See more:

Hi all

I m working on Radlistview Drag n drop feature.....I ve to match items in one listview with other ...Right Now Im able to do it using drag and drop n giving unique colors to items ..but to make it more interactive i need to draw a line between the two radlistview items ( to identify which has been matched to which) ..can anyone suggest how to do it ???

Thanks in advance
Darshan

Posted 22-Sep-12 3:41am

darshan559

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Christiaan Rakowski · Answer 1 · 2012-09-22T04:02:00

I haven't used the latest version of Telerik, but to my knowledge there is no build in solution for this so you will need to write it yourself.

You can add/overwrite some eventhandlers for the dragBegin(onMouseDown) and dragEnd(onMouseUp). In the dragBegin you should store the current mouse coordinates for future use, javascript array or json in a hidden field would be my choice. In the dragEnd do the same for the 2d coordinate.
Next you have 2 coordinates, and you can draw a line between them by using one of many different jQuery plugins, or write your own (Wikipedia Bresenham[^] and plot small divs).

This will however be harder if the listview can be scrolled in, because then you will need to factor in the scroll height of both lists and use some offset calculations.

There might be other/better ways, but this is the way I would probably do it.
Hope this helps you get started :-)