Hello,

I have done a project with Arduino which consists in switch lights with radio frequence. The sencha program works well as a web with Apache localhost. However when I package the progam as a native Android app it does not work. I can run the app with my mobile but it does not do anything. This is the code, Am I doing something wrong???

Ext.define('MyApp.view.MyTabPanel', {
extend: 'Ext.tab.Panel',

config: {
activeItem: 1,
tabBar: {
docked: 'bottom',
layout: {
align: 'center',
type: 'hbox'
}
},
items: [
{
xtype: 'container',
title: 'Inicio',
badgeText: '',
iconCls: 'home',
border: '',
contentEl: '',
items: [
{
xtype: 'titlebar',
docked: 'top',
title: 'INICIO'
},
{
xtype: 'textfield',
placeHolder: 'Escribir algo',
readOnly: true
}
]
},
{
xtype: 'container',
title: 'Luces',
iconCls: 'arrow_up',
items: [
{
xtype: 'titlebar',
docked: 'top',
title: 'LUCES'
},
{
xtype: 'segmentedbutton',
height: 55,
ui: 'light',
layout: {
align: 'center',
pack: 'center',
type: 'hbox'
},
items: [
{
xtype: 'button',
handler: function(button, event) {
Ext.Ajax.request({
method: 'GET',
url: 'http://192.168.1.5/LUZ1ON',
useDefaultXhrHeader: false,
disableCaching: false
});
},
ui: 'confirm-round',
text: 'LUZ 1 ON'
},
{
xtype: 'button',
handler: function(button, event) {
Ext.Ajax.request({
method: 'GET',
url: 'http://192.168.1.5/LUZ1OFF',
useDefaultXhrHeader: false,
disableCaching: false
});
},
ui: 'decline-round',
text: 'OFF'
}
]
},
{
xtype: 'segmentedbutton',
height: 55,
ui: 'light',
layout: {
align: 'center',
pack: 'center',
type: 'hbox'
},
items: [
{
xtype: 'button',
handler: function(button, event) {
Ext.Ajax.request({
method: 'GET',
url: 'http://192.168.1.5/LUZ2ON',
useDefaultXhrHeader: false,
disableCaching: false
});
},
ui: 'confirm-round',
text: 'LUZ 2 ON'
},
{
xtype: 'button',
handler: function(button, event) {
Ext.Ajax.request({
method: 'GET',
url: 'http://192.168.1.5/LUZ2OFF',
useDefaultXhrHeader: false,
disableCaching: false
});
},
ui: 'decline-round',
text: 'OFF'
}
]
},
{
xtype: 'segmentedbutton',
height: 55,
ui: 'light',
layout: {
align: 'center',
pack: 'center',
type: 'hbox'
},
items: [
{
xtype: 'button',
handler: function(button, event) {
Ext.Ajax.request({
method: 'GET',
url: 'http://192.168.1.5/LUZ3ON',
useDefaultXhrHeader: false,
disableCaching: false
});
},
ui: 'confirm-round',
text: 'LUZ 3 ON'
},
{
xtype: 'button',
handler: function(button, event) {
Ext.Ajax.request({
method: 'GET',
url: 'http://192.168.1.5/LUZ3OFF',
useDefaultXhrHeader: false,
disableCaching: false
});
},
ui: 'decline-round',
text: 'OFF'
}
]
}
]
},
{
xtype: 'container',
title: 'Info',
iconCls: 'info',
items: [
{
xtype: 'titlebar',
docked: 'top',
title: 'INFO'
},
{
xtype: 'fieldset',
title: 'NOMBRE PROYECTO',
items: [
{
xtype: 'textfield',
label: 'Field'
},
{
xtype: 'textfield',
label: 'Field'
},
{
xtype: 'emailfield',
label: 'E-mail',
placeHolder: 'email@example.com'
}
]
}
]
}
]
}

});