1. #1
    Ext User
    Join Date
    Dec 2008
    Posts
    8
    Vote Rating
    0
    mani.julius is on a distinguished road

      0  

    Default [2.2] Editors in EditorGridPanel doesn't retain the values on expand/Collapse

    [2.2] Editors in EditorGridPanel doesn't retain the values on expand/Collapse


    OS: Windows XP Professional 5.1
    Browser: IE 6.0

    Description:
    Editors in EditorGridPanel (with grouping view) doesn't retain the values on expand/Collapse of groups.
    Enter a new value in the editor and click on a group to expand/collapse, the value is reset to previous one.

    Ext example: is EXT_HOME\examples\grid\grouping.html. Source is actually present in grouping.js
    the code change is highlighted in bold. GridPanel is replaced with EditorGridPanel.

    Code:
    /*
     * Ext JS Library 2.2
     * Copyright(c) 2006-2008, Ext JS, LLC.
     * licensing@extjs.com
     * 
     * http://extjs.com/license
     */
    Ext.onReady(function(){
        Ext.QuickTips.init();
        
        var xg = Ext.grid;
        // shared reader
        var reader = new Ext.data.ArrayReader({}, [
           {name: 'company'},
           {name: 'price', type: 'float'},
           {name: 'change', type: 'float'},
           {name: 'pctChange', type: 'float'},
           {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'},
           {name: 'industry'},
           {name: 'desc'}
        ]);
        var grid = new xg.EditorGridPanel({
            store: new Ext.data.GroupingStore({
                reader: reader,
                data: xg.dummyData,
                sortInfo:{field: 'company', direction: "ASC"},
                groupField:'industry'
            }),
            columns: [
                {id:'company',header: "Company", width: 60, sortable: true, dataIndex: 'company'},
                {header: "Price", width: 20, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
                {header: "Change", width: 20, sortable: true, dataIndex: 'change', renderer: Ext.util.Format.usMoney},
                {header: "Industry", width: 20, sortable: true, dataIndex: 'industry'},
                {header: "Last Updated", width: 20, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange', editor: new Ext.form.DateField()}
            ],
            view: new Ext.grid.GroupingView({
       startCollapsed :true,
       forceFit:true,
                groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
            }),
      clicksToEdit:1,
            frame:true,
            width: 700,
            height: 450,
      collapsible: true,
            animCollapse: false,
            title: 'Grouping Example',
            iconCls: 'icon-grid',
            renderTo: document.body
        });
    });
     
    // Array data for the grids
    Ext.grid.dummyData = [
        ['3m Co',71.72,0.02,0.03,'4/2 12:00am', 'Manufacturing'],
        ['Alcoa Inc',29.01,0.42,1.47,'4/1 12:00am', 'Manufacturing'],
        ['Altria Group Inc',83.81,0.28,0.34,'4/3 12:00am', 'Manufacturing'],
        ['American Express Company',52.55,0.01,0.02,'4/8 12:00am', 'Finance'],
        ['American International Group, Inc.',64.13,0.31,0.49,'4/1 12:00am', 'Services'],
        ['AT&T Inc.',31.61,-0.48,-1.54,'4/8 12:00am', 'Services'],
        ['Boeing Co.',75.43,0.53,0.71,'4/8 12:00am', 'Manufacturing'],
        ['Caterpillar Inc.',67.27,0.92,1.39,'4/1 12:00am', 'Services'],
        ['Citigroup, Inc.',49.37,0.02,0.04,'4/4 12:00am', 'Finance'],
        ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'4/1 12:00am', 'Manufacturing'],
        ['Exxon Mobil Corp',68.1,-0.43,-0.64,'4/3 12:00am', 'Manufacturing'],
        ['General Electric Company',34.14,-0.08,-0.23,'4/3 12:00am', 'Manufacturing'],
        ['General Motors Corporation',30.27,1.09,3.74,'4/3 12:00am', 'Automotive'],
        ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'4/3 12:00am', 'Computer'],
        ['Honeywell Intl Inc',38.77,0.05,0.13,'4/3 12:00am', 'Manufacturing'],
        ['Intel Corporation',19.88,0.31,1.58,'4/2 12:00am', 'Computer'],
        ['International Business Machines',81.41,0.44,0.54,'4/1 12:00am', 'Computer'],
        ['Johnson & Johnson',64.72,0.06,0.09,'4/2 12:00am', 'Medical'],
        ['JP Morgan & Chase & Co',45.73,0.07,0.15,'4/2 12:00am', 'Finance'],
        ['McDonald\'s Corporation',36.76,0.86,2.40,'4/2 12:00am', 'Food'],
        ['Merck & Co., Inc.',40.96,0.41,1.01,'4/2 12:00am', 'Medical'],
        ['Microsoft Corporation',25.84,0.14,0.54,'4/2 12:00am', 'Computer'],
        ['Pfizer Inc',27.96,0.4,1.45,'4/8 12:00am', 'Services', 'Medical'],
        ['The Coca-Cola Company',45.07,0.26,0.58,'4/1 12:00am', 'Food'],
        ['The Home Depot, Inc.',34.64,0.35,1.02,'4/8 12:00am', 'Retail'],
        ['The Procter & Gamble Company',61.91,0.01,0.02,'4/1 12:00am', 'Manufacturing'],
        ['United Technologies Corporation',63.26,0.55,0.88,'4/1 12:00am', 'Computer'],
        ['Verizon Communications',35.57,0.39,1.11,'4/3 12:00am', 'Services'],
        ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'4/3 12:00am', 'Retail'],
        ['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'4/1 12:00am', 'Services']
    ];
    // add in some dummy descriptions
    for(var i = 0; i < Ext.grid.dummyData.length; i++){
        Ext.grid.dummyData[i].push('Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.<br/><br/>Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit.');
    }

    Images:
    Since I am restricted from accessing ImageShack, I have attached 3 images as a ZIP.
    Attached Files

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    86
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    This is by design.

    If you don't want this you should change:
    Code:
    Ext.override(Ext.grid.GroupingView, {
    	toggleGroup : function(group, expanded){
    		this.grid.stopEditing(false);
    		group = Ext.getDom(group);
    		var gel = Ext.fly(group);
    		expanded = expanded !== undefined ?
    				expanded : gel.hasClass('x-grid-group-collapsed');
    		this.state[gel.dom.id] = expanded;
    		gel[expanded ? 'removeClass' : 'addClass']('x-grid-group-collapsed');
    	}
    });

  3. #3
    Ext User
    Join Date
    Dec 2008
    Posts
    8
    Vote Rating
    0
    mani.julius is on a distinguished road

      0  

    Default


    Thanks very much Condor.

    I didn't know by design it is supposed to work that way. Program working fine after adding the piece of code.
    Is there any specific reason for doing so?

    Usally users of an application would add a value and expands next group to add another one. so wouldn't it be better to save the edited value before expanding/collapsing the group as default behaviour?.

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    86
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    I agree, but it's up to the developers to decide if this should be changed.

  5. #5
    Ext User
    Join Date
    Nov 2009
    Posts
    20
    Vote Rating
    0
    xrx215 is on a distinguished road

      0  

    Default retain Collapse/Expand groups

    retain Collapse/Expand groups


    Hi

    I would like to retain the expand and collapsed states of groups in a grid panel.could you please help me in that.

    Thanks

  6. #6
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    86
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Quote Originally Posted by xrx215 View Post
    Hi

    I would like to retain the expand and collapsed states of groups in a grid panel.could you please help me in that.

    Thanks
    Please start a new thread for unrelated questions.

Thread Participants: 2

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi