IBM Worklight 6.0 - простые ListItems не переходят при предварительном просмотре в консоли

Я создал простой проект (Hybrid with Dojo), который содержит одно представление с тремя страницами - все они созданы с помощью мастера Dojo Mobile View.

После того как я собрал все, развернул и выполнил предварительный просмотр с помощью Worklight Console, представление не отображает стрелки элементов списка должным образом, и после щелчка по элементу списка создается впечатление, что новая страница открывается поверх представления вместо Переход.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>HelloWorld2App</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" href="images/favicon.png">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="stylesheet" href="css/HelloWorld2App.css">
    <script>window.$ = window.jQuery = WLJQ;</script>
    <script type="text/javascript" src="dojox/mobile/deviceTheme.js"></script>
    <script type="text/javascript" data-dojo-config="isDebug: false, async: true, parseOnLoad: true, mblHideAddressBar: false" src="dojo/dojo.js"></script>
    </head>
    <body id="content" style="display: none;">
    <div data-dojo-type="dojox.mobile.ScrollableView" id="view1">
    <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Heading'"></div>
    <div data-dojo-type="dojox.mobile.EdgeToEdgeList">
    <div data-dojo-type="dojox.mobile.ListItem"
            data-dojo-props="label:'Page 1',moveTo:'page1'"></div>
    <div data-dojo-type="dojox.mobile.ListItem"
            data-dojo-props="label:'Page 2',moveTo:'page2'"></div>
    <div data-dojo-type="dojox.mobile.ListItem"
            data-dojo-props="label:'Page 3',moveTo:'page3'"></div>
    </div>
    </div>
    <div data-dojo-type="dojox.mobile.ScrollableView" id="page1">
    <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Page 1',back:'Back',moveTo:'view1'"></div>On page 1
    </div>
    <div data-dojo-type="dojox.mobile.ScrollableView" id="page2">
    <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Page 2',back:'Back',moveTo:'view1'"></div>On page 2
    </div>
    <div data-dojo-type="dojox.mobile.ScrollableView" id="page3">
    <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Page 3',back:'Back',moveTo:'view1'"></div>On page 3
    </div>
    <script src="js/initOptions.js"></script>
    <script src="js/HelloWorld2App.js"></script>
    <script src="js/messages.js"></script>
    </body>
    </html>
Источник

1 ответ

Поскольку Вирджиния не копирует ответ из комментариев, вот ответ для всех:

Вышеуказанное не работает при использовании внутреннего браузера в Eclipse. После перехода на использование внешнего браузера это работает.

Источник
Другие вопросы по тегам