如何在Sencha Touch中的selectfield上重置或取消选择突出显示的项目

时间:2014-02-04 10:03:11

标签: extjs sencha-touch sencha-touch-2

美好的一天!

我有一个选择字段,我需要在选择项目后重置或取消选择其上突出显示的项目。

以下是我的代码:

xtype: 'selectfield',
id: 'slActionRequired',
placeHolder: 'SELECT ACTION REQUIRED',
name: 'ActionRequired',
label: 'Action Required<span style="color:red">*</span>',
autoSelect: false,
usePicker: false,
options: [
{ text: 'YES', value: 'YES' },
{ text: 'NO', value: 'NO' }
],

我尝试了下面的代码,但没有任何作用:

Ext.ComponentQuery.query('#slActionRequired')[0].reset()
Ext.ComponentQuery.query('#slActionRequired')[0].setValue('');

感谢任何帮助。

由于

1 个答案:

答案 0 :(得分:1)

您可以扩展Ext.field.Select类并修改showPicker函数中的项目选择。

Ext.define('Ux.field.Select', {
    extend: 'Ext.field.Select'
    xtype: 'myselectfield',


    showPicker: function() {
      ...

     // Modify the last line of the showPicker function
     // Remove the item selection when the select field is displayed.
     //list.select(record, null, true);


    }
}