2

我有以下选择字段：

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

数据返回两个字段“名称”和“描述”；我想在选择区域中显示这两个字段，将 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 中测试）。

例如，在 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 回答