vertical scroller html app webos

Question

Привет, У меня есть приложение, которое в основном представляет собой страницу html. У меня проблема, хотя, поскольку html-страница больше, чем экран просмотра, и страница не будет прокручиваться.

Ive добавили DIV:

<div id="scrollerId" style="width:320px; height:100px" x-mojo-element="Scroller"> 
    <div >scrolling content</div> 
</div> 

, но ничего не делает.

Пожалуйста, помогите объяснить, как его добавить. или если мне нужно что-то добавить в мой файл javascript или что-нибудь еще?

source/helloworld.js 

    enyo.kind({ 
     name: "HelloWorld", 
     kind: enyo.VFlexBox, 
     components: [ 
     {kind: "PageHeader", components: [ 
     {content: "Page Header"} 
    ]}, 
    {flex: 1, kind: "Pane", components: [ 
    {flex: 1, kind: "Scroller", components: [ 
    //Insert your components here 
    ]} 
    ]}, 
    {kind: "Toolbar", components: [ 
    ]} 
] 
}); 

Im новичок в webos dev так легко идти на меня.

Answer 1

Это может помочь узнать, на какие устройства вы нацеливаетесь. Похоже, у вас есть приложение Mojo и приложение Enyo. Mojo для телефонов. Если вы нацеливаете TouchPad, вы, вероятно, должны полностью переключиться на Enyo.

Для скроллер Mojo работать в WebOS вам нужно включить его следующим образом:

this.controller.setupWidget("myScroller", 
    this.attributes = { 
    }, 
    this.model = { 
     scrollbars: true, 
     mode: "free" 
    }); 

Вы можете прочитать больше о скроллеры в Mojo здесь:

http://webos101.com/Scroller

Однако, я думаю, вы хотите скроллер Enyo, чтобы избавиться от HTML в своем приложении и использовать метод, описанный выше, XRay Enabler.

Возможно использование функций JavaScript для вытягивания контента из DIV в вашем HTML в виде Enyo. Вот пример использования JQuery:

this.$.myContent.setContent($("#someDiv").html()); 

Имейте в виду, вы должны будете установить allowHtml истина, чтобы содержание HTML.

Answer 2

Прежде всего добро пожаловать в Enyo и webOS! Попытайтесь вспомнить, что Enyo - это ваша структура, которая создаст элементы вашего HTML (приложения). Обычно вы не манипулируете им (HTML) напрямую.

В качестве простого примера, вы можете создать свой контент после любезного «HelloWorld» была оказано:

** your previous code ** 
{flex: 1, kind: "Scroller", components: [ 
    //Insert your components here 
    {content: "", name:"myContent"} 
    ]} 
    ]}, 
    {kind: "Toolbar", components: []} 
    ], 
    create: function() { 
     this.inherited(arguments); 
    }, 
    rendered: function() { 
     this.$.myContent.setContent("I can now add Content!"); 
    } 
}); 

Обратите внимание добавленного содержания контейнера под названием MyContent в Scoller. Кроме того, удалите ранее созданные div в вашем HTML-файле.

Содержимое затем добавляется в визуализированную функцию.