2

こんにちは、基本的にhtmlページのアプリがあります。HTMLページが表示可能な画面よりも長く、ページがスクロールしないため、問題があります。

この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: [
     ]}
]
});

私は初心者webos devなので、簡単に行ってください。

4

2 に答える 2

1

ターゲットにしているデバイスを知っておくと役立つ場合があります。Mojo アプリと Enyo アプリが混在しているようです。モジョは電話用です。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 関数を使用して、HTML の DIV から Enyo の種類にコンテンツを取り込むことができます。jQuery を使用した例を次に示します。

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

HTML コンテンツを許可するには、allowHtml を true に設定する必要があることに注意してください。

于 2012-02-29T01:43:22.913 に答える
1

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

Scoller に myContent というコンテンツ コンテナーが追加されていることに注意してください。また、HTML ファイルで以前に作成した div を削除します。

次に、コンテンツがレンダリングされた関数に追加されます。

于 2012-02-28T15:03:31.473 に答える