1

ビュー内にアイテムを正しく表示しているコンテナ内にデータビューリストがあります。ただし、アイテムをクリックしても強調表示されません。

これを DataView リストを含むビューに追加しました。

  onItemTap: function (container, target, index, e) {
        var me = this;
        me.callParent(arguments);  // WARNING: without this call, the row will not become selected
    }

上記を持っていないと、アイテムが選択されないことを読みました。このイベントも正常に起動されていることがわかります。Sencha Touch ソースコードをデバッグすると、CSS クラス x-item-selected がリスト項目をラップする DIV に追加されていることがわかりますが、行が強調表示されていません。これは通常のリストでうまく機能するので、何が欠けていますか?

動作するように見える更新された CSS。

.x-dataview .x-data-item.x-item-selected
{
    border-top-color: #006bb6;
    background-image: -webkit-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
    color: white;
}
4

2 に答える 2

2

デフォルトでは、Sencha Touch Dataview はハイライトを提供しません。.x-item-pressedまたはクラスに背景または何かを追加する.x-item-selectedと、目的の効果が得られます。

于 2013-05-09T15:39:23.553 に答える
0

config ブロックでselectedClsを設定するのはどうですか?

詳細については、次のリンクを参照してください。

http://docs.sencha.com/touch/2.2.1/#!/api/Ext.dataview.List-cfg-selectedCls

于 2013-09-24T11:21:52.730 に答える