EasyUI Forum
May 15, 2024, 07:33:46 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Use resizable/draggable as range selector  (Read 5037 times)
Oliver
Newbie
*
Posts: 4


View Profile
« on: August 05, 2018, 11:11:52 AM »

Hi,

I try to build a selector component, similar to https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/javascript_chart_events_range_selector.htm?light with a combination of the draggable and the resizable component.

On http://code.reloado.com/epicig3 you see my first approaches:

The "data-options" of the parent container contains the start and enddate of the total range (as epoch time value).

But now I'm a little bit stuck and ask for your help:

- how to limit drag and resize area to the parent container ?
- how to implement such handle grips like in jqwidgets ?

Also it would be helpful to get help how to calculate the selected date range from move/resive events

Thank you for your help,
kr
oliver








Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: August 05, 2018, 05:42:04 PM »

Please look at this example http://code.reloado.com/epicig3/2/edit#preview
Logged
Oliver
Newbie
*
Posts: 4


View Profile
« Reply #2 on: August 08, 2018, 07:42:59 PM »

Thank you very much for your help !
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!