Question

我刚刚开始使用Sencha Touch 2框架，并且在跨设备复制表单行为方面遇到了一些困难。我有一个简单的搜索栏，用户输入一个值（所有数字），然后选择它代表的内容（帐户，订单或电话号码）。当用户单击/点击搜索按钮时，它会获取输入字段的值和当前按下的数据类型按钮，并对PHP脚本进行AJAX查询。在PC上，它没有问题。在iPad（6.1.3）上，GET请求未命中服务器，并且即使字段已填满，getValue函数也会报告NULL。我在这里缺少什么？

Ext.define('bazooka.view.Main', {
extend: 'Ext.tab.Panel',
requires: ['Ext.form.Panel', 'Ext.form.FieldSet', 'Ext.field.Text', 'Ext.field.Email', 'Ext.field.TextArea', 'Ext.field.Number', 'Ext.SegmentedButton'],

config: {
    fullscreen: true,
    tabBar: {
        ui: Ext.filterPlatform('blackberry') || Ext.filterPlatform('ie10') ? 'dark' : 'light',
        layout: {
            pack : 'center',
            align: 'center'
        },
        docked: 'bottom'
    },
    items: [
        {
            title: 'Home',
            iconCls: 'home',
            html: 'This will have news and updates for the department of the currently authenticated user.'
        },
        {
            title: 'Lookup',
            iconCls: 'search',
            items: [
                {
                    xtype: 'toolbar',
                    ui: Ext.filterPlatform('blackberry') || Ext.filterPlatform('ie10') ? 'dark' : 'light',
                    docked: 'top',
                    items: [
                        {
                            xtype: 'numberfield',
                            id: 'viki_searchbox',
                            autoComplete: false,
                            autoCorrect: false,
                            docked: 'left',
                            maxWidth: '40%'
                        },
                        {
                            xtype: 'segmentedbutton',
                            id: 'viki_seg_btn',
                            allowDepress: true,
                            items: [
                                {
                                    id: 'account',
                                    iconCls: 'user'
                                },
                                {
                                    id: 'workorder',
                                    iconCls: 'time'
                                },
                                {
                                    id: 'telephone',
                                    iconCls: 'more'
                                }
                            ]
                        },
                        {
                            xtype: 'button',
                            id: 'viki_searchbutton',
                            docked: 'right',
                            iconCls: 'search',
                            handler: function() {
                                var searchtype = Ext.getCmp('viki_seg_btn').getPressedButtons()[0]["id"];
                                var searchvalue = Ext.getCmp('viki_searchbox').getValue();
                                Ext.Viewport.setMasked({
                                    xtype: 'loadmask',
                                    message: 'Searching...'
                                });
                                Ext.Ajax.request({
                                    url: 'viki.php',
                                    method: 'GET',
                                    headers: {
                                        "Content-Type": "application/xml"
                                    },
                                    disableCaching: false,
                                    params: {
                                        type: searchtype,
                                        sv: searchvalue
                                    },
                                    timeout: 3000,
                                    failure: function(response) {
                                        console.log("oops");
                                    }
                                });
                                Ext.Viewport.setMasked(false);
                            }
                        }
                    ]
                }
            ]
        }
    ]
}
});

Answer 1

我不经常使用处理程序，我更喜欢Tap Events。

问题可能就是选择。

另外，如果我是你，我会使用ItemId而不是Id和getComponent（）而不是getCmp（）。

由于您的搜索按钮位于同一视图中，因此您可以检索值

searchbutton.getParent().getComponent('itemId').value;

我做了这些建议，在使用全局对象（如id或getCmp）时，我在sencha中遇到了很多奇怪的行为。使用itemId和getComponent（）会更安全。

Answer 2

看起来你的视图是一个数字字段。如果用户输入具有非数字字符，则数字字段将返回null。

Sencha Touch - 从数字字段获取价值

2 个答案: