2012-04-26 8 views
2

内のフィールドよりも多くを追加します。は、私は、次の選択フィールドを持つselectfieldのdisplayvalue(煎茶タッチ2)

{ 
    xtype: 'selectfield', 
    name: 'sourcecurrency', 
    label: 'Source Currency', 
    valueField: 'name', 
    displayField: '{name} - {description}', 
    store: 'Countries', 
    placeHolder: 'Select your source currency' 
}, 

データは二つのフィールド「名前」と「説明」を返しています。選択領域に2つのフィールドを表示し、表示されているようにdisplayFieldを設定したいが、私はまだそれらを囲む '{}'を持っている。

本当に馬鹿である必要がありますが、それを把握することはできません。

答えて

1

selectfield'sdisplayFieldに複数のフィールドを直接表示する方法はありません。

したがって、selectfieldに基づいて拡張を作成する必要があります。

+0

だろう

itemTpl : me.getTpl() 

のような何か他のものへのライン

itemTpl: '<span class="x-list-label">{' + me.getDisplayField() + ':htmlEncode}</span>', 

です。どこから始めるのですか? – Disco

+0

あなたはこれを見て作業を開始することができます.. http://www.sencha.com/forum/showthread.php?147676-Sencha-Touch-Custom-Picker-Form-Field –

+0

うわー! 「初心者」の例はありませんか? ;) – Disco

1

私はその昔を知っているが、完全を期すためにそれについて移動する相続人別の方法:

は、モデルでのDisplayNameのようなフィールドを作成し、それはあなたが表示したいフィールドや情報をどのような組み合わせで持っています。それからちょうどdisplayFieldいる

: '{のdisplayName}'

をカスタムフィールドを作成するには、より効率的であるが、これは簡単です。あなたが表示する必要があるものと、あなたのアプリがどれくらい効率的であるか、ソリューションに投資する時間はどれだけかによって異なります。

0

誰かを助ける場合は、getTabletPickerまたはgetPhonePickerをovverideするだけです(sencha 6でテスト済み)。 getTabletPickerで例えば

を変更する必要があるすべてはそう、あなたのselectfieldは、私が考えたものだ

 xtype  : 'selectfield', 
     displayField : 'YOURDISPLAY', 
     valueField : 'YOURVALUE',    
     tpl   : new Ext.XTemplate(
         '<tpl for=".">', 
          '{YOURDISPLAY}', 
          '{YOURDISPLAY2}', 
          '{YOURDISPLAY3}', 
         '</tpl>' 
         ) 
関連する問題