Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Infinite scroll - Day scheduler #42

Open
wojcechgk opened this issue Sep 26, 2018 · 7 comments
Open

Infinite scroll - Day scheduler #42

wojcechgk opened this issue Sep 26, 2018 · 7 comments

Comments

@wojcechgk
Copy link

Hey,
Is it possible to set a schedule to show hourly day after day in an infinite scroll?
I mean the day's view, where after scrolling to the end of the day the next one is loaded.

thank you in advance for your help !

@StephenChou1017
Copy link
Owner

StephenChou1017 commented Sep 27, 2018

@wojcechgk
Hi, you mean that for example, the time window of day view is displaying 2018-09-27, but it will display 2018-09-28(2018-09-27 should be disappeared) and the scrollbar will be at the start of 2018-09-28 when
after scrolling the scrollbar to the end? Is that acceptable?:-)

@wojcechgk
Copy link
Author

Sounds good to me 😄
How can I do that ?

@StephenChou1017
Copy link
Owner

I've added an infinite scroll example, see this demo:-)

@wojcechgk
Copy link
Author

Thank you @StephenChou1017 for quick responses !
Is there any possibility to make continous scrolling to the next day ?
For example, the time window displaying 2018-09-28 and after scrolling to the end the 2018-09-29 shows up next to 2018-09-28. In hours - [10] [11] | [01] [02] ( 10, 11 of 2018-09-28 and 01, 02 of 2018-09-29 ) with sobe breake-line between days.

I can't find any other component to do this thing so having than in your would be superb.

Thanks!

@StephenChou1017
Copy link
Owner

Yes, it's possible, but if this the day view isn't day view anymore, it could be 2 days, 3 days or more, so I don't think I'll add this feature to the component, so you need to do it yourself:-).

for SchedulerData is the view model of Scheduler, so what we need to do is to modify it, in the Scheduler.onScrollRight(and onScrollLeft) callback function, update schedulerData.endDate from 2018-09-28 to 2018-09-29(the startDate is still 2018-09-28), the the events(order by event.start property ascending) from 2018-09-28 to 2018-09-29 to schedulerData, then re-compute the headers and renderData of schedulerData. Then you'll get it.

About the break-line, maybe you can set the first hour of everyday to non-working time and give the non-working cells a special color(the default is #fff0f6), to separate days.

@StephenChou1017
Copy link
Owner

@wojcechgk
Hi,I've added another infinite scroll example, see this demo:-)

@mohaimenmahi
Copy link

mohaimenmahi commented Jul 5, 2020

@StephenChou1017 Is there anything like infinite scroll in month view?

Lmnilsen pushed a commit to Phase-Maintenance-Inspection/Scheduler that referenced this issue Oct 28, 2022
Lmnilsen pushed a commit to Phase-Maintenance-Inspection/Scheduler that referenced this issue Nov 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants