Sencha Forum - Ext:Bugs http://www.sencha.com/forum/ Report bugs in Ext JS version 4.x en Wed, 19 Jun 2013 15:38:42 GMT vBulletin 60 http://www.sencha.com/forum/images/misc/rss.png Sencha Forum - Ext:Bugs http://www.sencha.com/forum/ 4.2.1 Ext.data.Model static load method not honor idProperty http://www.sencha.com/forum/showthread.php?266208-4.2.1-Ext.data.Model-static-load-method-not-honor-idProperty&goto=newpost Wed, 19 Jun 2013 11:43:34 GMT Perhaps this bug is related to my previous submit on this thread... Perhaps this bug is related to my previous submit on this thread
http://www.sencha.com/forum/showthread.php?266095-4.2.1-Ext.data.Store-idProperty-problem-with-implicit-Model
on that example there wasn't a model (it is an implic model)

I double checked and the problem occurs even with a declared Model.

I created the full proof here:
http://jsfiddle.net/LBEmY/

The source code is also pasted here:
Code:
/*
 http://cdn.sencha.io/ext-4.2.0-gpl/ext-all.js
 HTML
 <div>params:</div>
 <div id="test">?</div>
 */


Ext.application({
  name: 'MyApp'
});


Ext.define('MyApp.model.Contact', {
  extend: 'Ext.data.Model',
  idProperty: 'id_contact',
  fields: [
    {name: 'id_contact', type: 'int'},
    {name: 'contact_firstname', type: 'string'}
  ],
  proxy: {
    type: 'ajax',
    url: 'testurl',
    reader: {
      type: 'json',
      root: 'root',
      listeners: {
        exception: function (reader, response, error, eOpts) {
          console.log("reader exception", error);
        }
      }
    },
    listeners: {
      exception: function (proxy, response, operation, eOpts) {
        console.log("proxy exception", response);
      }
    }
  }
});


// Override Ext.data.proxy.Server.getParams() to track Operation
Ext.define('Ext.data.proxy.ServerOverride', {
  override: 'Ext.data.proxy.Server',
  buildRequest: function (operation) {
    console.log("Ext.data.proxy.Server buildRequest", operation);
    var request = this.callParent(arguments);
    Ext.fly('test').setHTML(JSON.stringify(request.params));
    return request;
  }
});


// http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.data.Model-static-method-load
MyApp.model.Contact.load(123, {
  scope: this,
  callback: function (record, operation, success) {
    console.log("MyApp.model.Contact.load", operation);
  }
});

This is my 5th bug submit in few days, I hope you don't hate me :) ]]> Ext:Bugs fdp http://www.sencha.com/forum/showthread.php?266208-4.2.1-Ext.data.Model-static-load-method-not-honor-idProperty <![CDATA[[DUP] [BUG] Ext.Dom.Element method of scroll]]> http://www.sencha.com/forum/showthread.php?266188-BUG-Ext.Dom.Element-method-of-scroll&goto=newpost Wed, 19 Jun 2013 07:57:07 GMT In the document, Ext.Dom.Element method of scroll. Parameter direction can be
`"l"` (or `"left"`)
`"r"` (or `"right"`)
`"t"` (or `"top"`, or `"up"`)
`"b"` (or `"bottom"`, or `"down"`)
But the code only deals with "l" and "r"

In the file of Element_scroll.js

Code:
    scroll: function(direction, distance, animate) {
        if (!this.isScrollable()) {
            return false;
        }
        if (direction === 'up') direction = 't';
        if (direction === 'down') direction = 'b';
        direction = direction.substr(0, 1);
        var me = this,
            dom = me.dom,
            side = direction === 'r' || direction === 'l' ? 'left' : 'top',
            scrolled = false,
            currentScroll, constrainedScroll;

        if (direction === 'r' || direction === 't') {
            distance = -distance;
        }

        if (side === 'left') {
            currentScroll = dom.scrollLeft;
            constrainedScroll = me.constrainScrollLeft(currentScroll + distance);
        } else {
            currentScroll = dom.scrollTop;
            constrainedScroll = me.constrainScrollTop(currentScroll + distance);
        }

        if (constrainedScroll !== currentScroll) {
            this.scrollTo(side, constrainedScroll, animate);
            scrolled = true;
        }

        return scrolled;
    },
]]> Ext:Bugs icaicai http://www.sencha.com/forum/showthread.php?266188-BUG-Ext.Dom.Element-method-of-scroll <![CDATA[Ext4.2.x Ext.grid.plugin.RowEditing Editing combo value is [object Object]]]> http://www.sencha.com/forum/showthread.php?266182-Ext4.2.x-Ext.grid.plugin.RowEditing-Editing-combo-value-is-object-Object&goto=newpost Wed, 19 Jun 2013 07:24:07 GMT
Code:


                Ext.require([
                    'Ext.form.*',
                    'Ext.Img',
                    'Ext.tip.QuickTipManager'
                ]);
                Ext.onReady(function(){
               
                    Ext.QuickTips.init();
                   
                       
                        Ext.define('Account', {
                                extend: 'Ext.data.Model',
                            fields: [
                                    {name:'name'},
                                    {name:'email'},
                                    {name:'phones'}
                            ]
                        });
                       
                        var itemsPerPage = 30;
                       
                          Ext.create('Ext.data.JsonStore', {
                            storeId:'simpsonsStore',
                            model: 'Account',
                            autoDestroy: true,
                            pageSize: itemsPerPage,
                            proxy: {
                                reader: {
                                    type: 'json',
                                    root: 'accounts',
                                    totalProperty: 'total'
                                },
                                type: 'ajax',
                                url: 'findPageAccountsBy.action',
                                    params:{
                                        start:0,
                                        limit: itemsPerPage
                                    }
                            },
                            autoLoad:true
                        });
                       
                        var phoneStore = new Ext.data.Store({
                        singleton : true,
                        proxy: {
                            type: 'ajax',
                            url : 'findAllPhones.action',
                            actionMethods : 'post',
                            reader: {
                                type: 'json',
                                root: 'phones'
                            }
                        },
                        //不管有没有model，这个fields都必须写，而且只能写在这里，
                                //在reader里面的话会报错"reader.read is not a function"
                                //原因暂时不详
                        fields:['id', 'phonenumber'],
                            autoLoad:true
                    });
                       
                        Ext.create('Ext.grid.Panel', {
                            title: 'Simpsons',
                            store: Ext.data.StoreManager.lookup('simpsonsStore'),
                            columns: [
                                { text: 'Name',  dataIndex: 'name',flex: 1 ,
                                        editor: {
                                        xtype: 'textfield',
                                        allowBlank: false
                                    }
                            },
                                { text: 'Email', dataIndex: 'email', flex: 1 ,
                                        editor: {
                                        xtype: 'textfield',
                                        allowBlank: false
                                    }
                                      },
                                { text: 'Phone', dataIndex: 'phones' ,flex: 1,
                                        editor: {
                                        xtype: 'combo',
                                        displayField : 'phonenumber',
                                    valueField  : 'id',
                                    editable: false,
                                    triggerAction : 'all',
                                    queryMode : 'local',
                                    store : phoneStore,
                                        allowBlank: false
                                    },
                                    renderer : function(value, metaData, record, rowIdx, colIdx, store, view){
                                            return value.phonenumber;
                                    }
                                                       
                                }
                            ],
                            plugins: [Ext.create('Ext.grid.plugin.RowEditing', {clicksToEdit: 1})],
                            height: 400,
                            width: 800,
                            renderTo: Ext.getBody()
                        });
                       
                });
Attachment 44444

clicksToEdit

Attachment 44445

Ext.data.StoreManager.lookup('simpsonsStore') JSON:
{
"accounts":[
{"email":"name-1","id":1,"name":"email-1",
"phones":{"id":1,"phonenumber":"phone-1"}
},
{"email":"name-2","id":2,"name":"email-2",
"phones":{"id":2,"phonenumber":"phone-2"}
},
{"email":"name-3","id":3,"name":"email-3",
"phones":{"id":3,"phonenumber":"phone-3"}
}
],
"checkword":null,"downloadFileName":null,"fileName":null,"id":null,"list":null,"logisticsInterface":null,"node":null,"otherParam":null,"phones":null,"stream":null,"success":true,"trees":null
}

phoneStore JSON:
{
"accounts":null,"checkword":null,"downloadFileName":null,"fileName":null,"id":null,"list":null,"logisticsInterface":null,"node":null,"otherParam":null,

"phones":[
{"id":1,"phonenumber":"phone-1"},
{"id":2,"phonenumber":"phone-2"},
{"id":3,"phonenumber":"phone-3"}
],

"stream":null,"success":true,"trees":null
}


Code:
Code:
        private List<Account> accounts;
        public String findPageAccountsBy(){
               
                accounts = new ArrayList<Account>();
                Account a1 = new Account(1,"email-1","name-1",new Phone(1,"phone-1"));
                Account a2 = new Account(2,"email-2","name-2",new Phone(2,"phone-2"));
                Account a3 = new Account(3,"email-3","name-3",new Phone(3,"phone-3"));
                accounts.add(a1);
                accounts.add(a2);
                accounts.add(a3);
                return SUCCESS;
        }
       
        private List<Phone> phones;
        public String findAllPhones(){
                phones = new ArrayList<Phone>();
                phones.add(new Phone(1,"phone-1"));
                phones.add(new Phone(2,"phone-2"));
                phones.add(new Phone(3,"phone-3"));
               
                return SUCCESS;
        }
Attached Images
]]> Ext:Bugs caodegao http://www.sencha.com/forum/showthread.php?266182-Ext4.2.x-Ext.grid.plugin.RowEditing-Editing-combo-value-is-object-Object <![CDATA[4.2.x store remove method Uncaught TypeError: Cannot call method 'setAttribute' of un]]> http://www.sencha.com/forum/showthread.php?266180-4.2.x-store-remove-method-Uncaught-TypeError-Cannot-call-method-setAttribute-of-un&goto=newpost Wed, 19 Jun 2013 06:49:37 GMT test case:
Code:
Ext.onReady(function(){
    var i = 0;
    Ext.widget('window', {
        width: 400,
        height: 350,
        title: 'Test',
        tbar: [{
            xtype: 'button',
            text: 'Add',
            handler: function(){
                Ext.data.StoreManager.lookup('test').add({'col1': 'col' + i, 'col2': 'col' + i , 'col3': 'col' + i, });
                i += 1;
            }
        }],
        items:[{
            xtype: 'grid',
            columns: [
                {
                    text    : 'col1',
                    width    : 130,
                    sortable : false,
                    menuDisabled: true,
                    dataIndex: 'col1'
                }, {
                    text    : 'col2',
                    width    : 180,
                    sortable : false,
                    menuDisabled: true,
                    dataIndex: 'col2'
                }, {
                    text    : 'col3',
                    width    : 130,
                    sortable : false,
                    menuDisabled: true,
                    dataIndex: 'col3'
                }
            ],
            store: Ext.create('Ext.data.ArrayStore', {
                id: 'test',
                fields:  [
                    {name: 'col1', type:'string'},
                    {name: 'col2', type: 'string'},
                    {name: 'col3', type: 'string'}
                ],
                listeners: {
                    add: function(store, records, index, eOpts ){
                        if(store.getCount() > 10){
                            store.removeAt(0);
                            // store.removeAll() is ok.
                        }
                    }
                }
               
            })
        }]
    }).show();
});
Ext4.2.x: When I click 'add' button 10 times or more, console prints Uncaught TypeError: Cannot call method 'setAttribute' of undefined" http://jsfiddle.net/jyPUW/4/
Ext4.1.x: worked. http://jsfiddle.net/jyPUW/3/

Any idea? ]]> Ext:Bugs fanggy http://www.sencha.com/forum/showthread.php?266180-4.2.x-store-remove-method-Uncaught-TypeError-Cannot-call-method-setAttribute-of-un <![CDATA[[OPEN] Surface's removeAll method works only ones]]> http://www.sencha.com/forum/showthread.php?266175-Surface-s-removeAll-method-works-only-ones&goto=newpost Wed, 19 Jun 2013 02:39:49 GMT _*REQUIRED INFORMATION*_ *_Ext version tested:_* * Ext 4.2.1.883 *_Browser versions tested against:_* * Chrome 27.0.1410.64 m * FF21.0 REQUIRED INFORMATION

Ext version tested:
  • Ext 4.2.1.883

Browser versions tested against:
  • Chrome 27.0.1410.64 m
  • FF21.0

Description:
  • Surface's removeAll method works only ones

Steps to reproduce the problem:
  • Create the Chart
  • Call the corresponding surface's removeAll method (Click the 'Clear surface' Button)
  • Redraw the Chart again (Click the 'Redraw chart' Button)
  • Call one more time surface's removeAll method (Click the 'Clear surface' Button)

The result that was expected:
  • Surface is empty

The result that occurs instead:
  • Surface is not empty

Test Case:

Code:
Ext.define('ChartStore', {
    extend: 'Ext.data.Model',
    idProperty: 'ID',
    fields: [{
        name: 'ID',
        type: 'number'
    }, {
        name: 'Month',
        type: 'string'
    }, {
        name: 'Sample1',
        useNull: true
    }]
});

var chartData = [
    [1, "Jan-11", 40.00],
    [2, "Feb-11", 40.00],
    [3, "Mar-11", 40.00],
    [4, "Apr-11", 40.00],
    [5, "May-11", 40.00],
    [6, "Jun-11", 40.00],
    [7, "Jul-11", 40.00],
    [8, "Aug-11", 40.00],
    [9, "Sep-11", 40.00],
    [10, "Oct-11", 40.00],
    [11, "Nov-11", 40.00],
    [12, "Dec-11", 40.00],
    [13, "Jan-12", 40.00]
];

Ext.onReady(function () {

    var store = Ext.create('Ext.data.Store', {
        model: 'ChartStore',
        proxy: {
            type: 'memory',
            data: chartData,
            reader: {
                type: 'array'
            }
        },
        autoLoad: true
    });

    var win = Ext.create('Ext.Window', {
        width: 800,
        height: 600,
        minHeight: 400,
        minWidth: 550,
        hidden: false,
        maximizable: true,
        title: 'Line Chart With Gaps',
        layout: 'fit',
        autoShow: true,
        buttons: [{
            text: 'Clear surface',
            handler: function () {
                Ext.getCmp('MyChart').surface.removeAll();
            }
        }, {
            text: 'Redraw chart',
            handler: function () {
                Ext.getCmp('MyChart').redraw();
            }
        }],
        items: {
            xtype: 'chart',
            id: 'MyChart',
            style: 'background:#fff',
            store: store,
            legend: {
                position: 'right'
            },
            axes: [{
                type: 'Numeric',
                position: 'left',
                fields: ['Sample1'],
                title: 'Value'
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['Month'],
                title: 'Month'
            }],
            series: [{
                type: 'line',
                axis: 'left',
                xField: 'Month',
                yField: 'Sample1'
            }]
        }
    });
});

HELPFUL INFORMATION

Screenshot or Video:
Attachment 44443

Possible fix:
  • Not found

Additional CSS used:
  • only default ext-all.css

Operating System:
  • Win7 Pro
*EDIT BY SLEMMON
Issue observed with 4.1.0 - 4.2.1
Attached Images
]]> Ext:Bugs Baidaly http://www.sencha.com/forum/showthread.php?266175-Surface-s-removeAll-method-works-only-ones Multi-column checkboxgroup overlaps when container has Layout:vbox and align:stretch http://www.sencha.com/forum/showthread.php?266168-Multi-column-checkboxgroup-overlaps-when-container-has-Layout-vbox-and-align-stretch&goto=newpost Tue, 18 Jun 2013 23:29:45 GMT _*REQUIRED INFORMATION*_ *_Ext version tested:_* * Ext 4.2.1 *_Browser versions tested against:_* * Chrome 27.0.1453.116 (Mac OSX) * FF... REQUIRED INFORMATION


Ext version tested:
  • Ext 4.2.1

Browser versions tested against:
  • Chrome 27.0.1453.116 (Mac OSX)
  • FF 21.0 (Mac OSX, Firebug 1.11.4)

DOCTYPE tested against:
  • html
  • HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

Description:
  • multi-column CheckboxGroup with labels at the top overlap with the next field when its container has layout "vbox" with "stretch" alignment

Steps to reproduce the problem:
  • Create a form with layout:{type:"vbox",align:"stretch"} and fieldDefaults:{labelAlign:"top"}, then add as items one or more checkboxgroups WITH labels and column count greater than 1.

The result that was expected:
  • The checkbox group should not overlap with other fields above or below it

The result that occurs instead:
  • The field below the checkbox group overlaps with it

Test Case:


Code:
    Ext.create('Ext.form.Panel', {
    title: 'Checkbox Group',
    width: 500, // height it NOT set, I want the container to grow
    bodyPadding: 10,
    layout:{type:"vbox",align:"stretch"},
    fieldDefaults:{labelAlign:"top",labelStyle:"font-weight:bold"},
    renderTo: Ext.getBody(),
    items:[{
        xtype: 'checkboxgroup',
        fieldLabel: 'Group #1',
        columns: 2,
        items: [
            { boxLabel: 'Item 1', name: 'c1', inputValue: '1' },
            { boxLabel: 'Item 2', name: 'c1', inputValue: '2', checked: true },
            { boxLabel: 'Item 3', name: 'c1', inputValue: '3' },
            { boxLabel: 'Item 4', name: 'c1', inputValue: '4' },
        ]
    },{
        xtype: 'checkboxgroup',
        fieldLabel: 'Group #2',
        columns: 2,
        items: [
            { boxLabel: 'Item 1', name: 'c2', inputValue: '1' },
            { boxLabel: 'Item 2', name: 'c2', inputValue: '2', checked: true },
            { boxLabel: 'Item 3', name: 'c2', inputValue: '3' },
            { boxLabel: 'Item 4', name: 'c2', inputValue: '4' },
        ]
    }]
});





HELPFUL INFORMATION


Screenshot or Video:
See this URL for live test case: http://www.tocoweb.com/migs/ext/sample1.html


Debugging already done:
  • Changed CSSs
  • Encapsulated checkboxgroup inside another container

Possible fix:
  • None known

Additional CSS used:
  • Only default ext-all.css

Operating System:
  • Mac OSX
  • Win XP
  • Win8
  • (Does not seem to matter)
]]> Ext:Bugs mbalsevich http://www.sencha.com/forum/showthread.php?266168-Multi-column-checkboxgroup-overlaps-when-container-has-Layout-vbox-and-align-stretch <![CDATA[[OPEN] DateField's DatePicker stops showing when inside fieldset]]> http://www.sencha.com/forum/showthread.php?266167-DateField-s-DatePicker-stops-showing-when-inside-fieldset&goto=newpost Tue, 18 Jun 2013 23:28:26 GMT _*REQUIRED INFORMATION*_ *_Ext version tested:_* * Ext 4.2.1 rev 883 *_Browser versions tested against:_* * Chrome 27.0.1453.110 m REQUIRED INFORMATION




Ext version tested:
  • Ext 4.2.1 rev 883
Browser versions tested against:
  • Chrome 27.0.1453.110 m
DOCTYPE tested against:
  • html
Description:
  • Date picker stops showing when inside fieldset.
Steps to reproduce the problem:
  • Click on the datefield trigger in the fieldset to create the datepicker. Then collapse the fieldset, click the outside datefiled trigger. Then reopen the fieldset, click the datefield trigger, the datepicker is not displayed.
The result that was expected:
  • The datepicker should be displayed.
The result that occurs instead:
  • When clicking on the trigger after expanding fieldset, visibility: hidden is added to the picker, due to me.hierarchicallyHidden being true when Component.show() is called.
Test Case:


Code:
    Ext.create('Ext.form.Panel', {
    title: 'Simple Form with FieldSets',
    labelWidth: 75, // label settings here cascade unless overridden
    url: 'save-form.php',
    frame: true,
    bodyStyle: 'padding:5px 5px 0',
    width: 550,
    renderTo: Ext.getBody(),
    layout: 'column', // arrange fieldsets side by side
    items: [{
        // Fieldset in Column 1 - collapsible via toggle button
        xtype:'fieldset',
        columnWidth: 0.5,
        title: 'Fieldset 1',
        collapsible: true,
        defaultType: 'textfield',
        defaults: {anchor: '100%'},
        layout: 'anchor',
        items :[{
        xtype: 'datefield',
        anchor: '100%',
        fieldLabel: 'From',
        name: 'from_date',
        maxValue: new Date()  // limited to the current date or prior
    }]
    }, {
        xtype: 'datefield',
        anchor: '100%',
        fieldLabel: 'From',
        name: 'from_date',
        maxValue: new Date()  // limited to the current date or prior
    }]
});
*EDIT BY SLEMMON
Issue observed in 4.2.1. Tested ok in 4.2.0. ]]> Ext:Bugs rchloupe http://www.sencha.com/forum/showthread.php?266167-DateField-s-DatePicker-stops-showing-when-inside-fieldset <![CDATA[[DUP] Hardcoded '.x-' usage]]> http://www.sencha.com/forum/showthread.php?266163-Hardcoded-.x-usage&goto=newpost Tue, 18 Jun 2013 22:11:51 GMT A few places have hardcoded '.x-' CSS selectors. Testcase below, please incorporate into your suite or use ours :)

http://fiestadev.bryntum.com/#207-hardcoded-x-usage ]]> Ext:Bugs mankz http://www.sencha.com/forum/showthread.php?266163-Hardcoded-.x-usage <![CDATA[[OPEN] [ExtJS 4.2] Window's scroll jumps after expend a internal panel]]> http://www.sencha.com/forum/showthread.php?266156-ExtJS-4.2-Window-s-scroll-jumps-after-expend-a-internal-panel&goto=newpost Tue, 18 Jun 2013 21:06:44 GMT *_Ext version tested:_* * Ext 4.2 *_Browser versions tested against:_* * Chrome 27 *_Description:_* * scroll down to the last panel and try... Ext version tested:
  • Ext 4.2
Browser versions tested against:
  • Chrome 27
Description:
  • scroll down to the last panel and try to collapse/expanded it, the scroll will jump to the top.
Code:
   

var getHeight = function (percentage) {     
      return Math.ceil(document.documentElement.clientHeight * (percentage / 100));
};
    Ext.create('Ext.window.Window',{
        title: 'title',
        layout: 'auto',
        overflowY: 'scroll',
      //this breaks the scroll positioning
        minHeight: getHeight(50),
        //this breaks the scroll positioning
        maxHeight: getHeight(100),
        items:[{
            title: 'Panel 1',
            collapsible: true,
            defaultType: 'textfield',
            items :[{
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },{
                xtype: 'panel',
                title: 'title',
                collapsible: true,
                html: 'html'
            }]
        },
        {
            title: 'Panel 2',
            collapsible: true,
            defaultType: 'textfield',
            items :[{
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },{
                xtype: 'panel',
                title: 'title',
                collapsible: true,
                html: 'html'
            }]
        },
        {
            title: 'Panel 3',
            collapsible: true,
            defaultType: 'textfield',
            items :[{
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },{
                xtype: 'panel',
                title: 'title',
                collapsible: true,
                html: 'html'
            }]
        },
        {
            title: 'Panel 4',
            collapsible: true,
            defaultType: 'textfield',
            items :[{
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },{
                xtype: 'panel',
                title: 'title',
                collapsible: true,
                html: 'html'
            }]
        },
        {
            title: 'Panel 5',
            collapsible: true,
            defaultType: 'textfield',
            items :[{
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },{
                xtype: 'panel',
                title: 'title',
                collapsible: true,
                html: 'html'
            }]
        },
        {
            title: 'Panel 6',
            collapsible: true,
            defaultType: 'textfield',
            items :[{
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },
            {
                labelField: 'Input'
            },{
                xtype: 'panel',
                title: 'title',
                collapsible: true,
                html: 'html'
            }]
        }]
    }).show();

Solution for now:
  • I'm using a fixed height
*EDIT BY SLEMMON
Issue observed in 4.1.0 - 4.2.1. Setting a fixed window height or resize the window and you won't see the issue. ]]> Ext:Bugs MatheusGR http://www.sencha.com/forum/showthread.php?266156-ExtJS-4.2-Window-s-scroll-jumps-after-expend-a-internal-panel <![CDATA[[DUP] 4.2.1.883 Ext.toolbar.Paging: bindStore doesn't update info]]> http://www.sencha.com/forum/showthread.php?266144-4.2.1.883-Ext.toolbar.Paging-bindStore-doesn-t-update-info&goto=newpost Tue, 18 Jun 2013 18:42:04 GMT Ext.toolbar.Paging never updates its info when bindStore is called. It also seems to be relying on Ext.util.Bindable to update me.store, but that... Ext.toolbar.Paging never updates its info when bindStore is called.

It also seems to be relying on Ext.util.Bindable to update me.store, but that never happens. ]]> Ext:Bugs pward123 http://www.sencha.com/forum/showthread.php?266144-4.2.1.883-Ext.toolbar.Paging-bindStore-doesn-t-update-info <![CDATA[[OPEN] 4.2.1 Ext.grid.GroupingFeature groupByText locale not honored]]> http://www.sencha.com/forum/showthread.php?266135-4.2.1-Ext.grid.GroupingFeature-groupByText-locale-not-honored&goto=newpost Tue, 18 Jun 2013 17:49:01 GMT It seems that this piece of code

Code:
Ext.define("Ext.locale.en.grid.GroupingFeature", {
    override: "Ext.grid.GroupingFeature",
    emptyGroupText: '(None)',
    groupByText: 'Group By This Field',
    showGroupsText: 'Show in Groups'
});
is not honored.

I made a full example here:
http://jsfiddle.net/7Lv6a/

The code is also here:
Code:
/*
 http://cdn.sencha.io/ext-4.2.0-gpl/ext-all.js
 http://cdn.sencha.io/ext-4.2.0-gpl/resources/ext-theme-neptune/ext-theme-neptune-all.css
 http://cdn.sencha.io/ext-4.2.0-gpl/locale/ext-lang-it.js
 */


Ext.application({
  name: 'MyApp',
  launch: function () {
    console.log("MyApp launch");
    Ext.create('Ext.container.Viewport', {
      layout: 'fit',
      items: [
        Ext.create("MyApp.grid.Contacts")
      ]
    });
  }
});


Ext.define('MyApp.model.Contact', {
  extend: 'Ext.data.Model',
  idPropery: 'id_contact',
  fields: [
    {name: 'id_contact', type: 'int'},
    {name: 'id_group', type: 'int'},
    {name: 'contact_firstname', type: 'string'}
  ]
});


Ext.define('MyApp.store.Contacts', {
  extend: 'Ext.data.Store',
  model: 'MyApp.model.Contact',
  groupField: 'id_group',
  autoLoad: true,
  proxy: {
    type: 'memory',
    reader: {
      type: 'json',
      root: 'root'
    }
  },
  data: {
    root: [
      {
        id_contact: 1,
        id_group: 1,
        contact_firstname: 'c1'
      },
      {
        id_contact: 2,
        id_group: 1,
        contact_firstname: 'c2'
      }
    ]
  }
});


Ext.define('MyApp.grid.Contacts', {
  extend: 'Ext.grid.Panel',
  initComponent: function () {
    var store = Ext.create('MyApp.store.Contacts');
    Ext.apply(this, {
      title: 'Contacts',
      store: store,
      multiSelect: true,
      features: [
        {
          ftype: 'grouping',
          groupHeaderTpl: '{name}'
        }
      ],
      columns: [
        {
          text: 'ID',
          dataIndex: 'id_contact'
        },
        {
          text: 'Group',
          dataIndex: 'id_group'
        },
        {
          text: 'Firstname',
          flex: 1,
          dataIndex: 'contact_firstname'
        }
      ]
    });
    this.callParent(arguments);
  }
});
Itt should honor ext-lang-it.js that is called by external resource by jsfiddle but it shows as english
I made tries also with other languages with same result. ]]> Ext:Bugs fdp http://www.sencha.com/forum/showthread.php?266135-4.2.1-Ext.grid.GroupingFeature-groupByText-locale-not-honored <![CDATA[[DUP] NodeInterface.collapseChildren never calls callback if all collapsed already]]> http://www.sencha.com/forum/showthread.php?266121-NodeInterface.collapseChildren-never-calls-callback-if-all-collapsed-already&goto=newpost Tue, 18 Jun 2013 15:23:34 GMT http://docs.sencha.com/extjs/4.2.1/source/NodeInterface.html#Ext-data-NodeInterface-method-collapseChildren The code nicely determines the... http://docs.sencha.com/extjs/4.2.1/s...llapseChildren

The code nicely determines the non-collapsed nodes and the count of those.

Only if non-zero, will the loop at the end of the function execute even once. So the callback is never passed to "the last one" thus it is never called.

Appropriate behavior, IMO, is for the function to collapse nothing, since there's nothing to collapse, AND to call the callback. Why does the caller care if any were collapsed already? Caller really wants to have callback called! ]]> Ext:Bugs mschwartz http://www.sencha.com/forum/showthread.php?266121-NodeInterface.collapseChildren-never-calls-callback-if-all-collapsed-already <![CDATA[[DUP] Ext.grid.Panel group collapse issue]]> http://www.sencha.com/forum/showthread.php?266119-Ext.grid.Panel-group-collapse-issue&goto=newpost Tue, 18 Jun 2013 15:10:31 GMT *_Ext version tested:_* * Ext 4.2.1 rev 883 *_Browser versions tested against:_* * Chrome 27.0.1453.110 * Safari Version 6.0.5 (7536.30.1) ... Ext version tested:
  • Ext 4.2.1 rev 883
Browser versions tested against:
  • Chrome 27.0.1453.110
  • Safari Version 6.0.5 (7536.30.1)
DOCTYPE tested against:
  • -//W3C//DTD HTML 4.01//EN Strict
Description:
  • Everything works great if grouping feature is enabled and you try to get record for selection with expanded groups, but if you try to get record for selection and your group on the top is collapsed, you will get record from that group which is collapsed, selected item is item from the back layer (collapsed).
Steps to reproduce the problem:
  1. Go to KitchenSink example
  2. Select any item from the first group (selection border highlights the selection)
  3. Collapse the first group with selected item
  4. Now you will not be able to select anything from the groups below
  5. Any events like selectionchange, itemclick passes the record from the first group
The result that was expected:
  • Selected item from any group if any groups are collapsed
The result that occurs instead:
  • No availability to get item selected from the groups below
Operating System:
  • Mac OS X Lion
  • Windows 7
]]> Ext:Bugs anatolijne http://www.sencha.com/forum/showthread.php?266119-Ext.grid.Panel-group-collapse-issue <![CDATA[[OPEN] 4.2.1 Top level menu doesn't fire handler event in IE 8]]> http://www.sencha.com/forum/showthread.php?266114-4.2.1-Top-level-menu-doesn-t-fire-handler-event-in-IE-8&goto=newpost Tue, 18 Jun 2013 14:55:44 GMT Hi, I was wondering if there was a design change with menus and IE 8? Through 4.1.2 we have some top-level menus that have hrefs. Those would... Hi, I was wondering if there was a design change with menus and IE 8? Through 4.1.2 we have some top-level menus that have hrefs. Those would fire-off whatever url was provided and worked fine. However, with 4.2.1 top-level menus don't cause an event to occur and thus nothing happens. This is strictly with IE 8 (what else) and does work fine with Chrome.

Sub menus work just fine in IE 8. It's just if a leaf is a top-level menu then nothing happens. Advice?

*EDIT BY SLEMMON
Issue observed in IE6, IE7, and IE8 with 4.2.1, but tested ok with 4.2.0. Tested ok with 4.2.1 on IE9, IE10, and Chrome.
Inline test case:
Code:
Ext.QuickTips.init();


var items = [
        {
            text: 'I like Ext',
            href: 'http://www.google.com',
            hrefTarget: ''
        }, '-', {
            text: 'Radio Options',
            menu: {        // <-- submenu by nested config object
                items: [
                    {
                        text: 'Aero Glass',
                        href: 'http://www.yahoo.com',
                        hrefTarget: ''
                    }
                ]
            }
      }
    ];


var tb = Ext.create('Ext.toolbar.Toolbar', {
    items: items
});


tb.add({
    xtype: 'tbtext',
    text: 'Static text (tbtext) can be added'
});


tb.render(document.body);
]]> Ext:Bugs dougbieber http://www.sencha.com/forum/showthread.php?266114-4.2.1-Top-level-menu-doesn-t-fire-handler-event-in-IE-8 <![CDATA[[OPEN] Tree node drag scroll bug]]> http://www.sencha.com/forum/showthread.php?266104-Tree-node-drag-scroll-bug&goto=newpost Tue, 18 Jun 2013 13:52:37 GMT It's evident in the examples.

Go to the "Two trees" demo in kitchen sink, otherwise known as "multiple trees" from the examples tab in the documentation browser.

The tree on the left is taller than the container, so it should scroll. Pick a node, like "container" and drag it over "Ext JS" node at the top.

You will see it scrolls down, thus scrolling the Ext JS node off the top.

Oops, this is the wrong direction! It should not scroll at all because it's already at the top, but if it did need to scroll new nodes on from the top, it won't because the direction is reversed. That is, it will scroll even more nodes off the top.

*EDIT BY SLEMMON
Additional notes from mschwartz in follow-up post:
And here's the fix:

http://docs.sencha.com/extjs/4.2.1/s...-method-scroll

Ext.dom.Element.scroll function never negates the distance variable if the scroll direction is "up".

My override:

Code:
if (direction === 'r' || direction === 'up') {        distance = -distance;    }

Good enough for my purposes, but maybe you want to test for "up", "top", and "t" as well. Though I notice it doesn't test for "right" (it probably should, no?)
Attached Images
]]> Ext:Bugs mschwartz http://www.sencha.com/forum/showthread.php?266104-Tree-node-drag-scroll-bug