Question

我有一个非常长的表单，因此用户需要向下滚动表单。当鼠标用于滚动时，表单会暂时向下滚动，但只要释放鼠标，表单就会再次向上滚动。使用Tab时它工作正常。更新 - 我在iPhone和iPhone上尝试过它Android设备也是如此，同样的问题仍然存在。

这是我的表格面板：

Ext.define('MyApp.view.Register', {
extend: 'Ext.form.Panel',
xtype: 'registerpage',
id: 'createPatientForm',


config: {
    title: 'Registration',
    iconCls: 'star',
    scroll: 'vertical',
    pinHeaders: true,
    styleHtmlContent: true,
    autoScroll: true,
    layout:{
        type: 'vbox'
    },

    items: [{
        xtype: 'fieldset',
        title: 'Registration',
        align: 'center',
        centered: true,
        items: [{
            xtype: 'textfield',
            label: 'First Name',
            name: 'firstName'
        },
        {
            xtype: 'textfield',
            label: 'Last Name',
            name: 'lastName'
        }
                    //many more items in the form.........
              ]

        }]
    }]
}

}）;

Answer 1

Sencha Touch 1和2不支持普通鼠标滚轮。您必须点按并拖动所有设备。

<强>更新

您的配置中不需要autoScroll。您还需要取出layout: 'vbox'，因为它不需要。如果你做了这两件事，那就应该有效。

Answer 2

如果您使用Sencha Touch 2删除 autoScroll 并将滚动更改为

scrollable: {
    direction: 'vertical',
    directionLock: true
}

Sencha Touch 2 API http://docs.sencha.com/touch/2-0/#!/api/Ext.Panel-cfg-scrollable

Answer 3

试试这个

＆＃13;

Sencha Touch表单面板，不用鼠标滚动

3 个答案: