Question

我有以下选择字段：

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

数据返回两个字段'name'和'description';我想在选择区域中显示两个字段，如图所示设置displayField，但我仍然有'{}'。

一定真该死，但无法理解。

Answer 1

在selectfield's displayField中无法直接显示多个字段。

因此，您需要根据selectfield创建扩展程序。

Answer 2

我知道它的陈旧，但是另一种方式是为了完整性：

在模型中创建一个类似DisplayName的字段，使其成为您想要显示的字段和信息的任意组合。

然后只需要displayField：'{displayName}'

创建自定义字段效率更高，但这更容易。仅取决于您需要显示的内容以及您需要应用程序的效率以及您希望投入解决方案的时间。

Answer 3

如果它可以帮助某人，你可以直接使用getTabletPicker或getPhonePicker（在测验6中测试）。

例如，在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>'
                       )

在selectfield displayvalue中添加多个字段（Sencha Touch 2）

3 个答案: