title: Sencha Touch in WebView
body: <p>I've just heard about <a href="http://www.sencha.com/products/touch/" rel="nofollow noreferrer">Sencha touch</a> and wanted to give it a try. So I just copied one of the examples and uploaded everything to my webspace. </p>
  
  <p>The web app works with Google Chrome on my desktop pc and also with iPhone/android mobile browsers. But my thought was that I could build a very tiny app that contains nothing but a standard <code>webview</code> and let this web-view display the web app. </p>
  
  <p>But all I get is a blank screen. </p>
  
  <p>Is this not supposed to work or am I doing something wrong?</p>
  
  <blockquote>
    <p>Here the sencha app (app.js):</p>
  </blockquote>
  
  <pre><code>Ext.application({
      name: 'Sencha',
  
      launch: function() {
          Ext.create("Ext.TabPanel", {
              fullscreen: true,
              tabBarPosition: 'bottom',
  
              items: [{
                  title: 'Home',
                  iconCls: 'home',
                  cls: 'home',
                  html: [
                      '&lt;img width="65%" src="http://staging.sencha.com/img/sencha.png" /&gt;',
                      '&lt;h1&gt;Welcome to Sencha Touch&lt;/h1&gt;',
                      "&lt;p&gt;You're creating the Getting Started app. This demonstrates how ",
                      "to use tabs, lists and forms to create a simple app&lt;/p&gt;",
                      '&lt;h2&gt;Sencha Touch (2.0.0pr1)&lt;/h2&gt;'
                  ].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);
      }
  });
  </code></pre>
  
  <blockquote>
    <p>index.html:</p>
  </blockquote>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Getting Started&lt;/title&gt;
      &lt;link rel="stylesheet" href="touch/resources/css/sencha-touch.css" type="text/css"&gt;
      &lt;script type="text/javascript" src="touch/sencha-touch-all.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;&lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>