Results 1 to 2 of 2

Thread: Drawing Lines between records of two grid panels

  1. #1

    Default Drawing Lines between records of two grid panels

    I have two grid panels which have a drag and drop feature. I want to draw arrow lines between the records of the two grids and those lines should be fixed to those two records which are linked even when i scroll the grid panel. Can anyone suggest how to achieve this .

  2. #2
    Sencha User
    Join Date
    Apr 2012
    Posts
    304
    Answers
    23

    Default

    This is complex and outside the scope of ExtJS, but one way to do it would be to get the x,y position of items that you want connected by getting their screen position from the current dom layout, and then drawing an absolutely positioned SVG bezier curve with a high z-index between the two x,y positions that you collected. Finally you should add an event listener that redraws the SVG curve every time the scroll event is triggered.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •