PDA

View Full Version : Sencha Touch + Jquery Full Calendar



tomalex0
2 Dec 2012, 5:47 AM
Managed to convert fullcalendar implementation compatible with ST2.1.

Do find code under https://github.com/tomalex0/SenchaTouch-JqueryFullcalendarv2.

It is still using old version of arshaw calendar. 1.5.2. http://arshaw.com/fullcalendar/.

mitchellsimoens
4 Dec 2012, 7:19 AM
I don't recommend mixing the frameworks, it's just not needed. The calendar really just needs to be fully ported so you don't have all that code to download that isn't needed.

tomalex0
10 Dec 2012, 11:31 PM
Personally i will not prefer to mix frameworks, previously i had to mix two framework in ST1. So i tried to port in ST2.

sendy
28 Feb 2013, 2:03 AM
Hy ,
I am using FullCalendar+SenhaTouch 2.0.It works fine.
But I try to make change (timeformat) or remove the aalDay slot.
Nothing happen??
Please how can I do it ???
In fullcalendar.js:
timeFormat: { //Thers is no changes???
'': 'H:mmtt{-H:mmtt }'
},
allDayDefault: false, //I still get the allDay slot in calendar
Any help please?

dawesi
9 Apr 2013, 9:04 PM
why not use the one by swarmonline for sencha touch 2 in the sencha market?

https://market.sencha.com/extensions/ext-ux-touchcalendar

kavih7
15 Jul 2013, 7:02 PM
Thanks for the plugin. FYI, I added the following in red, to only allow calling "painted" once, otherwise multiple calendar grids were being created on top of each other:



me.on('painted',function(a){
me.renderFullCalendar();
//me.applySwipeEvent();
me.changeCalendarView(me.getDefaultview());
me.getScrollable().getScroller().on('scrollstart',function(){
me.suspendEvents();
});

me.getScrollable().getScroller().on('scrollend',function(){
me.resumeEvents();
});
}, me, {single:true});


Cheers,

-Kavih

kavih7
15 Jul 2013, 9:49 PM
Also needed to change the action of the left and right buttons, with "left" moving back in history and "right" moving forward in the future:



if (direction == "left") {
$('#'+me.getPlaceholderid()).fullCalendar('prev');
} else if (direction == "right") {
$('#'+me.getPlaceholderid()).fullCalendar('next');
}


Cheers,

-Kavih

tomalex0
26 Jul 2013, 10:02 PM
Fullcalendar prev and next are based on button click, coming to swipe events the naming is a confusion. :)
But it works as you said, just try swipe and let me know.


Also regarding the painted event, at what point the event got fired multiple times?

quocky
30 Jul 2013, 7:13 PM
I also think it is not necessary, schedule actually had on it so no need to download more.

himanshu.patel.hs
17 Oct 2013, 9:36 PM
I have tested your demo on the browsers, and its working fine.
But seems have problem in the IOS. The click events on the calendar is not working as I cannot open any events when clicking on any dates on the calendar. Can you please help me? It's urgent...

batung007
7 Jan 2014, 7:54 PM
Also needed to change the action of the left and right buttons, with "left" moving back in history and "right" moving forward in the future:



if (direction == "left") {
$('#'+me.getPlaceholderid()).fullCalendar('prev');
} else if (direction == "right") {
$('#'+me.getPlaceholderid()).fullCalendar('next');
}


Cheers,

-Kavih
Ok, thanks so much, I'm finding very more !

Futch
18 Dec 2014, 1:42 AM
I am able to see the calendar when testing my app on desktop, but once I package with phongap and run on adnroid it doesn't work, jquery is not instantiated at all.

Any idea why?

cygnosis
4 Aug 2016, 6:54 AM
Anyone know how to make the event load from store instead of static build in data?