Friday, 25 September 2015

ExtJs 5 - Mouse scroll is not handled properly

Hello Folks,

While am working with ExtJs 5 am facing a problem with Combobox picker. When am scrolling picker is misplaced it is also moving.

Code:

 Ext.onReady(function () {
    var configs = [{
        title: 'Parent Panel',
        width: 300,
        manageHeight: false,
        html: null,
        autoScroll: true,
        frame: true,
        layout: 'fit',
        items: [
        {
            xtype: 'panel',
            manageHeight: false,
            height: 170,
            autoScroll: true,
            width: 100,
            title: 'child-frame',
            items: [{
                xtype: 'combobox',
                typeAhead: true,
                triggerAction: 'all',
                editable: true,
                selectOnTab: true,

                store: [
                ['AA', 'Aogashima'],
                ['B Shady', 'Petra'],
                ['C or Shade', 'Hiller lake'],
                ['D Sunny', 'Chittorgarh '],
                ['E', 'Cinque Terre']
                ],
                lazyRender: true,
                listClass: 'x-combo-list-small'
            }, {
                xtype: 'textfield'
            }, {
                xtype: 'textfield'
            }, {
                xtype: 'textfield'
            }, {
                xtype: 'textfield'
            }, {
                xtype: 'textfield'
            }, {
                xtype: 'textfield'
            }, {
                xtype: 'combobox',
                typeAhead: true,
                triggerAction: 'all',
                editable: true,
                selectOnTab: true,
                store: [
                ['AA', 'Aogashima'],
                ['B Shady', 'Petra'],
                ['C or Shade', 'Hiller lake'],
                ['D Sunny', 'Chittorgarh '],
                ['E', 'Cinque Terre']
                ],
                lazyRender: true,
                listClass: 'x-combo-list-small',
                listeners: {
                    'select': function () {
                        alert(5)
                    }
                }
            }]
            // html : 'Hello'
        }

        ]
    }];

    Ext.each(configs, function (config) {
        var element = Ext.getBody().createChild({ cls: 'panel-container' });

        Ext.widget('panel', Ext.applyIf(config, {
            renderTo: element,
            bodyPadding: 7
        }));
    });
});


Is there any solution for this.


MUGH User Group Meet - September 2015

Microsoft User Group Hyderabad invites you to September 2015 User Group Meet on 26th Sep'15. 

Agenda:

TIMETOPICS & SPEAKER
09:00 AM - 09:50 AMRegistration
10:00 AM - 10:50 AM
Integrate Cortana in to your Windows Universal Apps

10:50 AM - 11:20 AM
Developing Modern Web Apps with Angular 2 and Visual Studio Code

Shravan Kumar Kasagoni,Pramati Technologies
11:20 AM - 11:30 AMBreak
11:30 AM - 12:30 PM
About Internet of Things (IoT)

Subhendu De, Microsoft
12:30 PM - 01:30 PM
Fundamentals of Xamarin.Forms

Mayur Tendulkar, Xamarin

Date: 26th September, 2015 
Time: 9.00 AM - 01.30 PM 

Venue: 
Microsoft India Development Center 
MPR Halls 1 & 2, Building 3, 
Gachibowli Hyderabad, 
Telangana 500081 India 

Registration: https://mugh2015-september-ugmeet.eventbrite.com


Resource from MUGH