2

Sencha Touch ButtonをSencha Touch Listに項目テンプレートで追加するにはどうすればよいですか?

私は知っています、私はこのようなことができます：

itemTpl: '{quantity} {productName} <input type="button" value="Delete" />',

しかし、このボタンはとても奇妙で醜いので、ボタンをSencha Buttonと同じ ui にしたいと考えています。

行をクリックしたか、ボタンがこのコードで機能しているかを判断します。

config: {
    control: {
        'list[itemId="listItemId"]': {
            itemtap: 'yourFunction'
        }
    }
},

yourFunction: function(list, index, target, record, evt) {
    var type = evt.event.target.type || '';

    if(type == 'button') {
        console.warn('delete');
    }
}
4

2 に答える 2

0

上記と同じ問題に直面した場合の代替手段として、DOM からボタン コンポーネントのクラスを取得し、ボタンに適用しました。

   <input type="button" value="Add" class="x-button-action x-button"
    style="display: inline;margin: 1.5em;border: #a6a6a6;"/>

ここでは、x-button-action や x-button などの sencha touch から UI クラスを取得し、カスタム スタイルをインラインで追加しました (ただし、良い考えではありません)。

それが役に立てば幸い ！！

于 2015-03-24T15:14:30.493 に答える