2

次の選択フィールドがあります。

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

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

本当にばかげているに違いありませんが、それを理解することはできません。

4

3 に答える 3

1

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

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

于 2012-04-26T12:51:52.427 に答える
1

私はそれが古いことを知っていますが、完全を期すためにそれを行う別の方法を次に示します。

モデルに DisplayName のようなフィールドを作成し、表示したいフィールドと情報を任意に組み合わせます。

次に、displayField: '{displayName}' を指定します。

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

于 2013-01-17T21:50:18.820 に答える
0

getTabletPicker または getPhonePicker (sencha 6 でテスト済み) を ovveride するだけで、誰かを助けることができます。

たとえば、 getTabletPicker では、変更する必要があるのは行だけです

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

他の何かに

  itemTpl : me.getTpl()

だからあなたの選択フィールドは

        xtype        : 'selectfield',
        displayField : 'YOURDISPLAY',
        valueField   : 'YOURVALUE',            
        tpl          : new Ext.XTemplate(
                        '<tpl for=".">',
                            '{YOURDISPLAY}',
                            '{YOURDISPLAY2}',
                            '{YOURDISPLAY3}',
                        '</tpl>'
                       )
于 2015-09-18T08:20:11.893 に答える