Skip to content

Instantly share code, notes, and snippets.

View mitchellsimoens's full-sized avatar

Mitchell Simoens mitchellsimoens

View GitHub Profile
@mitchellsimoens
mitchellsimoens / app.js
Created May 22, 2013 15:59
fullscreen config from ST2 comes to Ext JS 4 (unofficially)
Ext.define('Override.AbstractComponent', {
override : 'Ext.AbstractComponent',
fullscreen : false,
constructor : function() {
var me = this,
viewport = Ext.Viewport;
me.callParent(arguments);
@mitchellsimoens
mitchellsimoens / gist:4758205
Created February 11, 2013 22:26
ST2 Youtube Component
Ext.define('Ux.YouTubePlayer', {
extend : 'Ext.Component',
xtype : 'youtubeplayer',
config : {
url : 'http://www.youtube.com/embed/',
videoId : null
},
getElementConfig : function() {
@mitchellsimoens
mitchellsimoens / gist:4631086
Created January 25, 2013 02:07
suspendEvents/resumeEvents for ST 2 (will be part of 2.2.0 b1).
Ext.define('Override.mixin.Observable', {
override : 'Ext.mixin.Observable',
eventFiringSuspended : false,
doFireEvent : function (eventName, args, action, connectedController) {
var me = this,
ret = true,
eventQueue;
@mitchellsimoens
mitchellsimoens / gist:3795859
Created September 27, 2012 19:14
ST1 Vertical Scrolling
new Ext.Carousel({
fullscreen : true,
items : [
{
scroll : 'vertical',
html : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rhoncus nunc vel felis pellentesque a vestibulum arcu aliquam. Morbi sit amet lectus a tortor posuere interdum ut id turpis. Praesent tincidunt pellentesque egestas. Nam eget libero turpis. Maecenas quis diam eu diam imperdiet ultricies. Duis nec libero sit amet mi ultrices commodo. Curabitur lorem leo, sagittis eu consequat ac, blandit et leo. Integer non sodales enim. Aliquam ultricies varius risus at vestibulum. Ut molestie, dolor nec aliquam euismod, urna justo cursus purus, a sagittis ante velit eget velit. Aliquam erat volutpat.<br><br>Proin consectetur venenatis vulputate. Suspendisse nisi lacus, porta ut laoreet ut, suscipit ut odio. Vivamus vitae elit nec diam bibendum eleifend. Nulla facilisis velit sit amet enim euismod at condimentum odio porttitor. Nulla cursus ipsum vel nisl laoreet lacinia. Cras sit amet nibh
@mitchellsimoens
mitchellsimoens / gist:3795776
Created September 27, 2012 19:01
Vertical scrolling within a Carousel
Ext.Viewport.add({
xtype : 'carousel',
items : [
{
scrollable : {
direction : 'vertical',
directionLock : true
},
html : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rhoncus nunc vel felis pellentesque a vestibulum arcu aliquam. Morbi sit amet lectus a tortor posuere interdum ut id turpis. Praesent tincidunt pellentesque egestas. Nam eget libero turpis. Maecenas quis diam eu diam imperdiet ultricies. Duis nec libero sit amet mi ultrices commodo. Curabitur lorem leo, sagittis eu consequat ac, blandit et leo. Integer non sodales enim. Aliquam ultricies varius risus at vestibulum. Ut molestie, dolor nec aliquam euismod, urna justo cursus purus, a sagittis ante velit eget velit. Aliquam erat volutpat.<br><br>Proin consectetur venenatis vulputate. Suspendisse nisi lacus, porta ut laoreet ut, suscipit ut odio. Vivamus vitae elit nec diam bibendum eleifend. Nulla facilisis velit sit amet enim euismod at co
@mitchellsimoens
mitchellsimoens / gist:3739543
Created September 17, 2012 20:20
DataView vs List with Compoennts
/**
* This must use Sencha Touch 2.1.0 beta 3
* This shows how similar using components is in DataView and List
*/
Ext.define('MyDataItem', {
extend : 'Ext.dataview.component.DataItem',
xtype : 'mydataitem',
//<debug>
@mitchellsimoens
mitchellsimoens / gist:3658370
Created September 6, 2012 16:44
setActiveItem and string/int
var cnt = new Ext.Container({
fullscreen : true,
layout : 'card',
items : [
{
xtype : 'toolbar',
docked : 'top',
items : [
{
text : 'Test (int)',
@mitchellsimoens
mitchellsimoens / gist:3418956
Created August 21, 2012 20:07
Fire after anim
new Ext.Container({
fullscreen : true,
layout : {
type : 'card',
animation : {
type : 'slide'
}
},
items : [
{
Ext.define('foo', {
....
a : {
one : function() {},
two : function() {}
},
b : {
three : function() {},
@mitchellsimoens
mitchellsimoens / gist:3137945
Created July 18, 2012 18:33
Extending Ext.plugin.PullRefresh
/**
* You were close except since you had override, it was going to try and override all Ext.plugin.PullRefresh.
*
* Here is an example at extending it, you are making a new class. So instead of creating Ext.plugin.PullRefresh, you would use mobuy.plugin.PullRefresh.
*
* You would put this in the app/plugin/PullRefresh.js file and then you can require this class and it will be loaded.
*/
Ext.define('mobuy.plugin.PullRefresh', {
extend : 'Ext.plugin.PullRefresh',