jquery.schedule icon indicating copy to clipboard operation
jquery.schedule copied to clipboard

Multi Schedule & Resize Out Range

Open ripper04 opened this issue 5 years ago • 6 comments

Hi Ateliee, Thank you for your plugin.

I have 2 problem:

  1. I have proble with multi Schedule. I have #schedule1, #schedule2 with the same config. When I drag sc_bar to change of #schedule2, It disappear. This is my config:
$("#schedule1").timeSchedule({
		startTime: "07:00",
		endTime: "21:00",
		widthTime: 60 * 10,
		timeLineY: 60,
		verticalScrollbar: 20,
		timeLineBorder: 2,
		bundleMoveWidth: 6,
		draggable: true,
		resizable: true,
		rows: {
			'0': {
				title: 'Title Area1',
				schedule: [
					{
						start: '09:00',
						end: '12:00',
						text: 'Text Area',
						data: {
						}
					},
					{
						start: '11:00',
						end: '14:00',
						text: 'Text Area',
						data: {
						}
					}
				]
			},
			'1': {
				title: 'Title Area2',
				schedule: [
					{
						start: '16:00',
						end: '17:00',
						text: 'Text Area',
						data: {
						}
					}
				]
			}
		}
	});
  1. When I resize out range of start and end, It is not limited in range.. What should I do?

Thanks you for reading, Have a nice day!

ripper04 avatar Mar 12 '20 09:03 ripper04

I have proble with multi Schedule. I have #schedule1, #schedule2 with the same config. When I drag sc_bar to change of #schedule2, It disappear. This is my config:

Version 3.0.1 supports multiple schedule displays. Please check it.

When I resize out range of start and end, It is not limited in range.. What should I do?

I'm not sure, so if you give me some more details, I might be able to help.

thank you!

ateliee avatar Mar 14 '20 01:03 ateliee

Hi ateliee, Thanks you very much for update. It's support for multiple sc displays.

When I resize out range, I had problem like picture: image I think we had containment for resizable.

And I think We can handle with left and right of sc_bar.

ripper04 avatar Mar 14 '20 17:03 ripper04

Thanks for pointing out.

This has been fixed in version 3.0.2. It seems that the settings in Resizable of jquery.ui were not enough.

$node.resizable({
    containment: $this.find('.sc_main_scroll'),
});

Check it out if you like

ateliee avatar Mar 15 '20 01:03 ateliee

Thanks you for updating. It's worked!

I can't handle left to resize for left side. Do you have any options for resize both left and right?

ripper04 avatar Mar 16 '20 02:03 ripper04

Added the option of resizeLeft from version 3.1.0. try it.

https://github.com/ateliee/jquery.schedule/releases/tag/v3.1.0

ateliee avatar Mar 16 '20 02:03 ateliee

Thanks you for update! It's worked!

If I click right handle and I drag for outside, It stop in end time. It's right! But If I click left handle and I drag for outside, It not stop in start time. In below image, It not stop in 07:00, It return for old value (before i resize)

image

ripper04 avatar Mar 16 '20 04:03 ripper04