Sencha touch Selectfield选择器没有显示正确的选择

时间:2015-12-22 12:35:37

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

选择字段的存储包含具有不同情况的相同单词,如Ed& ed。当我们选择 ed 时,在选择器中显示 Ed

代码:

 Ext.create('Ext.form.Panel', {
        fullscreen: true,
        items: [
            {
                xtype: 'fieldset',
                title: 'Select',

                items: [
                    {
                        xtype: 'selectfield',
                        label: 'Choose one',
                                    displayField:'firstName',
                valueField:'firstName',
                        store:Ext.create("Ext.data.Store", {
                            fields: [
                {name: 'firstName', type: 'string'},
             ],
        data : [
            {firstName: "Ed"},
             {firstName: "ed"},                   
            {firstName: "Tommy"},
            {firstName: "Aaron"},
            {firstName: "Jamie"}
        ]
    })
                    }
                ]
            }
        ]
    }); 
问题

Fiddle

1 个答案:

答案 0 :(得分:1)

在Sencha中,valuevaluefield不区分大写字母和小写字母的人。因此,它提供了store。如果您在下面创建store: Ext.create("Ext.data.Store", { fields: [{ name: 'firstName', type: 'string' }, { name: 'value', type: 'string' }], data: [{ firstName: "Ed", value: 'edCaps' }, { firstName: "ed", value: 'edSmall' }, { firstName: "Tommy", value: 'tommy' }, { firstName: "Aaron", value: 'aaron' }, { firstName: "Jamie", value: 'jamie' }] }) ,则会得到预期的结果:

Database

这里也是fiddle。快乐的编码! :)