4

私は Sencha Touch 2 アプリケーションに取り組んでおり、http://podlipensky.com/post/2012/03/20/Sencha-Touch-2-ExtuxtouchRating.aspxの星評価ウィジェットを使用しています。

次のように構成されたリスト内の各アイテムの評価を表示したいと思います。

Ext.define('Schneehoehen.view.LoipenUebersicht', {
extend: 'Ext.navigation.View',
xtype: 'loipenuebersicht',

config: {
    items: [{
        xtype: 'list',
        title: 'Loipen Übersicht',
        itemTpl: '{label}', // I would like to show the widget next to the label
        onItemDisclosure: true,

        store: Ext.create('Schneehoehen.store.LoipenUebersichtStore')
    }]
}
})

itemTpl 内に星評価ウ​​ィジェットを含める方法を考えています。

ウィジェットは、次のコードを使用して別のビューのフォーム内に表示されます。

new Ext.ux.touch.Rating({
   itemsCount: 5, 
   label: 'Image less', 
   cls: 'x-imageless-rating', 
   itemCls: 'x-imageless-star', 
   itemHoverCls: 'x-imageless-hover'
})

前もって感謝します！ヨハネス

4

2 に答える 2

0

そこで sencha コンポーネントを使用したい場合、最も簡単な方法はコンポーネント データビューを使用することです。詳細については、 http://www.sencha.com/blog/dive-into-dataview-with-sencha-touch-2-beta-2/を参照してください。

于 2014-01-10T15:14:38.587 に答える
0

ここで必要なのは、リストの itemTpl テンプレート内で XType やその他のコンポーネントを取得する方法です。直接的な方法については知りませんが、テンプレート メソッドを使用して独自の方法を作成できたとしても、それらをリスト項目内に配置するのは非常に困難です。それに加えて、非常に多くのコンポーネントがDOMを占有している理由もあります。

ここでアプローチを少し変更できる場合は、swarm online にこの美しいプラグインがあり、おそらくこの問題を解決するのに役立ちます。http://www.swarmonline.com/2011/03/ext-ux-touch-listoptions-demo/

このプラグインは、リスト行のスワイプに Twitter アプリ スタイルのメニューを追加します。このエリアで星評価を追加できます。POC で使用し、表示されるメニューに Sencha ボタンを追加したことを覚えています。彼らが Sencha Touch 2 と互換性を持つようにコードを更新したかどうかはわかりませんが、ソースをよく見るとそこにはあまりありません。

于 2012-06-01T20:45:15.033 に答える