sencha-touch - リスト アイテムの区切り線/境界線を削除する

Question

DOM を調べましたが、セパレーター/境界線がリストの項目に追加されている場所がまだわかりません。それらを削除したいと思います。

誰もそれを行う方法を知っていますか?

Answer 1

それはにあり、div.x-list-item-labelCSSスタイルを次のように変更するだけです。

border-top: none !important;
border-bottom: none !important; /* For the last row */

それが役に立てば幸い。

Answer 2

上で説明した方法は、アプリ内のすべての単一リストに適用する場合にのみ適切です。

適切な方法で行いたい場合は、作成したリストにインライン スタイルを追加する必要があります。アプリケーションの受信トレイ画面で行った方法は次のとおりです。

{
 xtype: 'list',
 disableSelection: true, // only if you want to disable selection of the list
 config: {
      style: {
           'border': '0',
      },
 },
 itemTpl: '<div>{itemContent}</div>'
}