extjs组合显示值

Question

在ext js中，当我有一个组合时，有显示值和值（发送到服务器）。 我不需要displayValue发送到服务器，但是我需要在页面上捕获它并显示警报。 这样做的eextjs方法是什么？ combo.getValue()将返回基础值...并且我看不到任何combo.getDisplay()

编辑：只是为了澄清，我正在寻找获得用户选择的项目的显示值。 我希望在onselect或changeevent上显示警报。

Answer 1

如果将组合框上的valueField属性设置为希望在警报中显示的值，它将正常工作。

alert(combo.getValue());

如果您希望此值不同于您提交给服务器的值，则必须从组合框中获取商店并找到相应的记录。

var store = combo.getStore();
var index = store.find('*YourFieldName*', combo.getValue());
if(index != -1)//the record has been found
  {
      var record = store.getAt(index);
      //you can then do what you like with the record.
  }

Answer 2

 combo.getStore().getById(combo.getValue()).raw.displayAttribute //Ext 4.x, 
 //displayAttribute: displayField or displayed attrib in store data for the combo

Answer 3

假设您的组合框中有以下内容：

id: 'COMBOBOX_ID',
displayField: 'COMBOBOX_DIS_FIELD_NAME',
valueField: 'COMBOBOX_VAL_FIELD_NAME'

然后，您可以执行以下操作：

var combo = Ext.getCmp('COMBOBOX_ID');
var comboStore = combo.getStore();
var index = comboStore.find('COMBOBOX_VAL_FIELD_NAME', combo.getValue());
if(index != -1)
{
  var selectedItemDisplayValue = combo.getStore().getAt(index).get('COMBOBOX_DIS_FIELD_NAME');
}

Answer 4

我们可以检索基础存储，然后将我们的值用作获取显示值的键。

像这样的东西（我还没有测试过）：

var displayValue = combo.getStore()[combo.getValue()]

Answer 5

我们可以像这样获得组合框显示值...

getRawValue（）：String返回组合的原始String值，而不执行任何规范化，转换或验证。 如果字段已渲染，则获取输入元素的当前值；如果该字段为emptyText，则忽略该值。

combo.getRawValue（）;