Сенча Touch в WebView - PullRequest
Новая
       3

Сенча Touch в WebView

0 голосов
/ 05 января 2012

Я только что услышал о Сенча touch и хотел попробовать. Поэтому я просто скопировал один из примеров и загрузил все на свое веб-пространство.

Веб-приложение работает с Google Chrome на моем настольном компьютере, а также с мобильными браузерами iPhone / Android. Но я думал, что смогу создать очень маленькое приложение, которое не содержит ничего, кроме стандартного webview, и позволить этому веб-представлению отображать веб-приложение.

Но все, что я получаю, это пустой экран.

Разве это не должно работать или я что-то не так делаю?

Здесь приложение sencha (app.js): 

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);
    }
});

index.html: 

<!DOCTYPE html>
<html>

<head>
    <title>Getting Started</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>

Ответы [ 4 ]

0 голосов
/ 16 марта 2012 
Ext.application({
  name: 'Orchdid Mobile',
  viewport: {
    autoMaximize: true
  },
  launch: function () {.......}
});

Для Sencha Touch 2

http://dev.sencha.com/deploy/sencha-touch-2-b3/release-notes.html

0 голосов
/ 03 февраля 2012

Что я изменил: Включить JavaScript для веб-просмотра Android: 

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);

И добавил следующую строку в мой app.js 

viewport: { autoMaximize: false },
0 голосов
/ 09 февраля 2012

Проверьте путь к файлам .js и .css, которые вы добавляете в index.html

также убедитесь, что вы используете хром или сафари , чтобы увидеть результат ..

0 голосов
/ 20 января 2012

Код кажется верным.Пожалуйста, проверьте файлы .js и .css.Они должны быть правильно добавлены в index.html

...