Сенсорная панель Sencha Touch, не прокручивается мышью - PullRequest
Новая
       4

Сенсорная панель Sencha Touch, не прокручивается мышью

1 голос
/ 30 марта 2012

У меня очень длинная форма, поэтому пользователь должен прокрутить форму вниз. Когда для прокрутки используется мышь, форма временно прокручивается вниз, но как только мышь отпускается, форма снова прокручивается вверх. Работает нормально при использовании табуляции. Обновление - я тоже пробовал на 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.........
              ]

        }]
    }]
}

});

Ответы [ 3 ]

0 голосов
/ 05 апреля 2012

Если вы используете Sencha Touch 2, удалите autoScroll и измените scroll на 

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

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

0 голосов
/ 25 июня 2015

Попробуйте это 

Ext.define('overrides.SizeMonitor', {
	override: 'Ext.util.SizeMonitor',
	constructor: function (config) {
		var namespace = Ext.util.sizemonitor;
		return new namespace.Scroll(config);
	}
});

Ext.define('overrides.SizeMonitor', {
	override: 'Ext.util.PaintMonitor',
	constructor: function (config) {
		return new Ext.util.paintmonitor.CssAnimation(config);
	}
});
0 голосов
/ 31 марта 2012

Sencha Touch 1 и 2 не поддерживает обычное колесо прокрутки мыши. Вы должны нажать и перетащить на все устройства.

Обновление

Вам не нужно autoScroll в вашей конфигурации. Вам также нужно вынуть layout: 'vbox', так как он не нужен. Если вы сделаете эти две вещи, это должно сработать.

...