This is my config.xml
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:rim="http://www.blackberry.com/ns/widgets" version="1.0.0.0">
<name>Play Sencha</name>
<description>Shows live content from the jQuery Mobile 1.0a2
Demo website. Application created using the BlackBerry WebWorks
SDK.</description>
<author href="http://jquerymobile.com/demos/1.0a2/">Your Name Here</author>
<license href="http://jquery.org/license"/>
<feature id="blackberry.app" required="true" version="1.0.0.0"/>
<feature id="blackberry.app.event" required="true" version="1.0.0.0"/>
<access subdomains="true" uri="http://192.168.56.1/"/>
<access subdomains="true" uri="http://www.sencha.com"/>
<content src="http://192.168.56.1/PlaySencha"/>
</widget>
And this is my code
Ext.setup({
onReady: function() {
var tabpanel = new Ext.TabPanel({
tabBar: {
dock: 'bottom',
layout: {
type: 'hbox',
align: 'strecth',
pack: 'center'
}
},
fullscreen: true,
ui: 'dark',
cardSwitchAnimation: {
type: 'slide',
cover: true
},
defaults: {
scroll: 'vertical'
},
items: [{
title: 'Home',
html: 'content1',
iconCls: 'home',
cls: 'pnl-categ-home'
}, {
title: 'Recipes',
html: 'content2',
iconCls: 'favorites',
cls: 'pnl-categ-fav'
}, {
title: 'Info',
html: 'content3',
iconCls: 'info',
cls: 'pnl-categ-info'
}
]
});
alert('REACH AFTER CREATION');
tabpanel.on('add', function(scope, opt) {
alert(window.addEventListener);
});
}
});
The 'REACH AFTER ....' alert can be shown, but the alert in eventListener isn't parsed, so I guess there's something in the initilalization section of sencha touch.
I'm also trying to force tablet detection by modifying the sencha touch core debug file
Ext.is = {
init : function(navigator) {
var platforms = this.platforms,
ln = platforms.length,
i, platform;
navigator = navigator || window.navigator;
for (i = 0; i < ln; i++) {
platform = platforms[i];
this[platform.identity] = platform.regex.test(navigator[platform.property]);
}
/**
* @property Desktop True if the browser is running on a desktop machine
* @type {Boolean}
*/
this.Desktop = false;//this.Mac || this.Windows || (this.Linux && !this.Android);
/**
* @property Tablet True if the browser is running on a tablet (iPad)
*/
this.Tablet = true; //this.iPad;
/**
* @property Phone True if the browser is running on a phone.
* @type {Boolean}
*/
this.Phone = !this.Desktop && !this.Tablet;
/**
* @property iOS True if the browser is running on iOS
* @type {Boolean}
*/
this.iOS = true;// this.iPhone || this.iPad || this.iPod;
/**
* @property Standalone Detects when application has been saved to homescreen.
* @type {Boolean}
*/
this.Standalone = !!window.navigator.standalone;
},
It would be amazing if developers can get full advantage of Sencha Touch in PlayBook..
@jcarty
