templates - Ext.form.ComboBox : Use template for displayField

Question

有什么方法可以将模板应用于 ComboBox 的选定值吗？我使用模板来显示组合框的下拉值，但是一旦我选择一个，就会显示数据存储区中的纯值。

{
  id:               'requestStatusCombo',
  hiddenName:       'requestStatus',
  tpl:             '<tpl for="."><div class="x-combo-list-item">{statusCode:requestStatus}</div></tpl>',
  fieldLabel:       'Status',
  xtype:             'combo',
  mode:           'local',
  triggerAction:     'all',
  store:             new Ext.data.ArrayStore({
      fields:       ['statusCode'],
      data:       [['unassigned'],['assigned'],['closed']]
  }),
  valueField:       'statusCode',
  displayField: 'statusCode'
}

我想使用我的格式化函数requestStatus翻译 statusCodes进入特定于区域设置的状态名称，这对于下拉列表很有效，但是一旦我选择某些内容，statusCode显示。

那么是否可以为 displayField 分配一个模板，或者对数据存储进行一些简单的批量修改？也许通过阅读器处理输入？还有吗<tpl for="?">关键字将使这种情况发生？

我正在寻找一些利用 Ext 库的简单方法。如果唯一的解决方案是预处理数据，我自己就能做到。

Answer 1

我找到了解决方案!

我更改了数据存储，并添加了一个读取器以使用转换函数预处理状态:

{
  id:               'requestStatusCombo',
  hiddenName:       'requestStatus',
  fieldLabel:       'Status',
  xtype:             'combo',
  mode:           'local',
  triggerAction:     'all',
  store:             new Ext.data.Store({
      data:       [['unassigned'],['assigned'],['closed']],
      reader:       new Ext.data.ArrayReader({},[
          {name: 'statusCode',   mapping: 0},
          {name: 'displayname', mapping: 0, convert: function(statusCode) {
              return Ext.util.Format.requestStatus(statusCode);
          }}
      ])
  }),
  valueField:       'statusCode',
  displayField:   'displayname'
}