enyo - コンポーネントにCSSクラスを適用するには?

Question

CSS クラスを hello に適用できないのはなぜですか?

{name: "hello", content: "Hello From Enyo",className:"myClass",ontap: "helloTap"},

Answer 1

Enyo 2.0 では、コンポーネントのクラスを指定する方法が変更されました。種類の定義でスタイルやクラスを指定する必要はなくなりました。そうする必要がある場合は、'className' の代わりに 'classes' を使用できます。

推奨される方法は、create 関数内で addClasses (Enyo 1.0 では addClass でした) を呼び出すことです。スタイルを直接追加するには、addStyles を呼び出します。

Answer 2

classNameの代わりにクラスを使用するだけで、古いスタイルで「ごまかす」ことができます

Answer 3

私が読んだドキュメントから、あなたはそれを正しくやっているようです。

http://enyowiki.com/ (一番下までスクロール)

開発者.パーム

私は同じことを試しましたが、外部スタイル シートを使用して動作させることはできません。スタイル キーワードを使用して enyo でいつでもスタイルを実行できます。

style:"background-color:blue;height: 50px; width: 30px;"

しかし、同じスタイルの複数のオブジェクトが必要な場合、これは明らかに良くありません。良い質問です。誰かが答えを見つけてくれることを願っています。

...................................................

これを書いている間、私はいくつかの他のオプションをテストしようとしました. kind( http://enyojs.com/api/#enyo.Control::addClass )を作成した後、 .addClass("css-class") 関数を使用しました。以下のコードを参照してください。

enyo.kind({
    name: "Menu",
    kind: "Control",
    components: [
        {name: "back", tag:"div"}
    ]

});
var menu = new Menu();
menu.addClass("box");
menu.write();

私のcssは外部スタイルシートにあります：

.box{
    background-color:red;
    width: 520px;
    height: 600px;
    margin:auto;
    margin-top:75px;
}

それが役立つことを願っています。より良い方法を見つけたら、共有してください。