0

我注意到 ST2 和选择字段选择器存在问题。我正在桌面浏览器和平板电脑上对此进行测试,两者似乎都显示出同样的问题。

问题似乎源于表单数据为空或未初始化。我的示例是用户登录他们的帐户并需要设置他们的婚姻状况。因为在他们的婚姻状况实际上是“空”的后备商店模型之前从未设置过。当他们单击选择器时,由于某种原因,选择器会自动选择清单中的第一项。从项目右侧的复选标记可以看出这一点。这样做的第二个副作用是,如果您随后选择了第一个项目,ST2 不会将此视为项目更改,因此不会将选择更改传播回表单。

这是一个错误吗?我该如何解决这个问题?

Ext.define('Gender', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            {name: 'Id', type: 'int'},
            {name: 'ItemName',  type: 'string'}           
        ]
    }
});

Ext.define('Details', {
    extend: 'Ext.data.Model',
    config: {
        fields: [       
            {name: 'Gender',  type: 'int'}           
        ]
    }
});

var myGenderStore = Ext.create('Ext.data.Store', {
    model: 'Gender',
    data : [
        {Id: 1, ItemName: 'Male'},
        {Id: 2, ItemName: 'Female'}
    ]   
});

var myDetailsStore = Ext.create('Ext.data.Store', {
    model: 'Details',
    data : [
        { Gender: null }        
    ]   
});

var p = Ext.create('Ext.form.Panel', {
    fullscreen: true,
    items: [
        {
            xtype: 'fieldset',
            title: 'Select',
            items: [
                {
                    xtype: 'selectfield',
                    label: 'Choose one',
                    displayField: 'ItemName',
                    valueField: 'Id',
                    store: myGenderStore,
                    name: 'Gender'
                }
            ]
        }
    ]
});

p.setRecord(myDetailsStore.getAt(0))
Ext.Viewport.setActiveItem(p);
// notice the picker has 'Male' selected even though the backing store for the Gender field is null
// also, we want to select Male from the list, but this isn't reflected on the form
// run below command in console window after selecting 'Male' even though it is selected and it shows null
// It only seems to like changes to the value as selecting female works. If then select Male from Female this also works.
p.getValues().Gender;
4

2 回答 2

0

只需将autoSelect配置属性设置为false,以防止像这样的默认选择:

 {
                    xtype: 'selectfield',
                    label: 'Choose one',
                    displayField: 'ItemName',
                    valueField: 'Id',
                    store: myGenderStore,
                    name: 'Gender',
                    autoSelect:false
                }
于 2014-12-09T15:00:37.267 回答
0

您可以为选择字段设置值

 p.down('selectfield[name=Gender]').setValue(myGenderStore.getAt(0).get('Id'))

见例子:http ://www.senchafiddle.com/#OuCtQ#GQJ2C

谢谢

于 2013-01-04T04:16:42.743 回答