Sencha Touch 2.0 PR3 not working in a UIWebView (iphone)

[noelrocha]

Hi Guys,

my sample app (copy/paste from the getting started) works perfect on the Mobile Safari, but when I open it in a UIWebView inside my app it doesn't work. The web app is already on a server, its not built-in the app.

Any hints of how to solve that?

Cheers,

Noel

[mitchellsimoens]

what doesn't work?

[rdougan]

- Are you using PhoneGap, Sencha Native, or your own implementation?
- Are you using Ext.Loader? (there are sometimes issues with this).

[noelrocha]

I'm not using phonegap.
It's just a simple hello world.
Its in my own implementation using a UIWebView.


It loads a blank screen. The web app loads perfect in the Mobile Safari but not in my UIWebView.

[rdougan]

I'm afraid I cannot help you without the source of the actual native application.

Chances are, you are not including the correct JS, or not doing it at the correct time. Or you have an error.

I've done this several times with ST.

[noelrocha]

Hi,

my web app code is:

Ext.application({                                                                                                                                                                    
    name: 'Sencha',                                                                                                                                                                  
                                                                                                                                                                                     
    launch: function() {                                                                                                                                                             
        Ext.create("Ext.TabPanel", {                                                                                                                                                 
            fullscreen: true,                                                                                                                                                        
            tabBarPosition: 'bottom',                                                                                                                                                
                                                                                                                                                                                     
            items: [                                                                                                                                                                 
                {                                                                                                                                                                    
                    title: 'Home',                                                                                                                                                   
                    iconCls: 'home',                                                                                                                                                 
                    cls: 'home',                                                                                                                                                     
                    html: [                                                                                                                                                          
                        '<img width="65%" src="http://staging.sencha.com/img/sencha.png" />',                                                                                        
                        '<h1>Welcome to Sencha Touch</h1>',                                                                                                                          
                        "<p>You're creating the Getting Started app. This demonstrates how ",                                                                                        
                        "to use tabs, lists and forms to create a simple app</p>",                                                                                                   
                        '<h2>Sencha Touch (2.0.0pr1)</h2>'                                                                                                                           
                    ].join("")                                                                                                                                                       
                },                                                                                                                                                                   
                {                                                                                                                                                                    
                    xtype: 'list',                                                                                                                                                   
                    title: 'Blog',                                                                                                                                                   
                    iconCls: 'star',                                                                                                                                                 
                                                                                                                                                                                     
                    itemTpl: '{title}',                                                                                                                                              
                    store: {                                                                                                                                                         
                        fields: ['title', 'url'],                                                                                                                                    
                        data: [                                                                                                                                                      
                            {title: 'Ext Scheduler 2.0', url: 'ext-scheduler-2-0-upgrading-to-ext-js-4'},                                                                            
                            {title: 'Previewing Sencha Touch 2', url: 'sencha-touch-2-what-to-expect'},                                                                              
                            {title: 'Sencha Con 2011', url: 'senchacon-2011-now-packed-with-more-goodness'},                                                                         
                            {title: 'Documentation in Ext JS 4', url: 'new-ext-js-4-documentation-center'}                                                                           
                        ]                                                                                                                                                            
                    }                                                                                                                                                                
                }                                                                                                                                                                    
            ]                                                                                                                                                                        
        }).setActiveItem(1);                                                                                                                                                         
    }                                                                                                                                                                                
});

and my native code is:

@implementation ContactViewController


- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        self.title = @"Test" ;        
    }
    return self;
}


#pragma mark - View lifecycle


- (void)viewDidLoad {
    [super viewDidLoad];
    [self loadWebView] ;
}


- (void)loadWebView {
	NSURL *url = [NSURL URLWithString:@"http://feedback.mobihouse.com/"];
	_webView = [[UIWebView alloc] initWithFrame:self.view.frame] ;
	_webView.scalesPageToFit = NO;	
	[_webView loadRequest:[NSURLRequest requestWithURL:url]];	
	[self.view addSubview:_webView] ;			
}

as you can see its a simple UIWebView. I don't know whats happening.

Cheers,

[rdougan]

Does it work in a browser? Which Js file are you including in your index.html file?

[noelrocha]

the html code is:

<!DOCTYPE html>
<html>
<head>
    <title>Sobre</title>
    <link rel="stylesheet" href="touch/resources/css/sencha-touch.css" type="text/css">
    <script type="text/javascript" src="touch/sencha-touch-all.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>it runs in the browser but doesn't run in the UIWebView.

[noelrocha]

it runs in the browser but doesn't run in the UIWebView. I don't know why.

[rdougan]

I suggest you use something like weinre to track down the issue. http://phonegap.github.com/weinre/