1. #1
    Ext User
    Join Date
    Apr 2009
    Posts
    7
    Vote Rating
    0
    vijayamails is on a distinguished road

      0  

    Question EXTJS GroupHeaderGrid Help

    EXTJS GroupHeaderGrid Help


    HI,

    I am very new to Extjs.Can I use the GroupHeaderGrid for EditorGridPanel. I am able to use the GroupHeaderGrid with out using EditorGridPanel. But My Grid is editable. How can I do that.

    Thanks,
    Vijaya.

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    89
    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


    GroupHeaderGrid should work for EditorGridPanel.

    Maybe you are doing something wrong... Could you post your code?

  3. #3
    Ext User
    Join Date
    Apr 2009
    Posts
    7
    Vote Rating
    0
    vijayamails is on a distinguished road

      0  

    Default EXTJS GroupHeaderGrid

    EXTJS GroupHeaderGrid


    In the HroupHeaderGrid Example it was showed for a viewport. I used EditorGridPanel instead of ViewPort.

    after Ext.onReady(function()) I delcared few textfields.

    Code:
    var firstNameText = new Ext.form.TextField({name:'firstNameText',exmptyText:""});
    var secondNameText = new Ext.form.TextField({name:'secondNameText',exmptyText:""});
    after declarion of textfields..I have declared EditorGridPanel

    Code:
    var myEdtorPanel = new Ext.grid.EditorGridPanel({
              layout:fit,
             store: new Ext.data.SimpleStore({
             fields: ['firstName','secondName'],
             data:['A','B']
    }),
    columns:[
    {header:'FirstName',width=25,dataIndex:'firstName',editor:firstNameText},
    {header:'SecondName',width=25,dataIndex:'firstName',editor:secondNameText}
    ],
    defaultSortable:true,
    rows:[
    [
    {header:'New',colspan:1,align:'center'},
    {header:'Changed',colspan:1,align:'center'}
    ]
    ]
    }),
    enableColumnMove:false,
    viewConfig:{
    forceFit:true
    },
    plugins:[new Ext.ux.plugins.GroupHeaderGrid()]
    });
     
    var myPanel = new Ext.FormPanel({
     
     items:[myEdtorPanel ]
    myEdtorPanel .render(document.body);
    });

    Its working fine for if U use it as ViewPort..When i use as EditorGridPanel its not working..Please let me know where i have done the wrong.

    Thanks,
    Vijaya,

  4. #4
    Ext User
    Join Date
    Apr 2009
    Posts
    7
    Vote Rating
    0
    vijayamails is on a distinguished road

      0  

    Default EXTJS GroupHeaderGrid

    EXTJS GroupHeaderGrid


    In the GroupHeaderGrid Example it was showed for a viewport. I used EditorGridPanel instead of ViewPort.

    after Ext.onReady(function()) I delcared few textfields.

    var firstNameText = new Ext.form.TextField({name:'firstNameText',exmptyText:""});
    var secondNameText = new Ext.form.TextField({name:'secondNameText',exmptyText:""});

    after declarion of textfields..I have declared EditorGridPanel

    var myEdtorPanel = new Ext.grid.EditorGridPanel({
    layout:fit,
    store: new Ext.data.SimpleStore({
    fields: ['firstName','secondName'],
    data:['A','B']
    }),
    columns:[
    {header:'FirstName',width=25,dataIndex:'firstName',editor:firstNameText},
    {header:'SecondName',width=25,dataIndex:'firstName',editorecondNameText}
    ],
    defaultSortable:true,
    rows:[
    [
    {header:'New',colspan:1,align:'center'},
    {header:'Changed',colspan:1,align:'center'}
    ]
    ]
    }),
    enableColumnMove:false,
    viewConfig:{
    forceFit:true
    },
    plugins:[new Ext.ux.plugins.GroupHeaderGrid()]
    });

    var myPanel = new Ext.FormPanel({

    items:[myEdtorPanel ]
    myEdtorPanel .render(document.body);
    });


    Its working fine for if U use it as ViewPort..When i use as EditorGridPanel its not working..Please let me know where i have done the wrong.

    Thanks,
    Vijaya,

  5. #5
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    89
    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


    You have several errors in your code.

    Can you try this:
    Code:
    var myEdtorPanel = new Ext.grid.EditorGridPanel({
    	height: 300,
    	width: 200,
    	store: new Ext.data.SimpleStore({
    		fields:['firstName','secondName'],
    		data:['A','B']
    	}),
    	colModel: new Ext.grid.ColumnModel({
    		columns:[
    			{header:'FirstName',width:25,dataIndex:'firstName',editor:firstNameText},
    			{header:'SecondName',width:25,dataIndex:'secondName',editor:secondNameText}
    		],
    		defaultSortable:true
    	}),
    	enableColumnMove:false,
    	viewConfig:{
    		forceFit:true
    	},
    	plugins:[
    		new Ext.ux.plugins.GroupHeaderGrid({
    			rows:[
    				[
    					{header:'New',colspan:1,align:'center'},
    					{header:'Changed',colspan:1,align:'center'}
    				]
    			]
    		})
    	]
    });
    myEdtorPanel.render(Ext.getBody());

  6. #6
    Ext User
    Join Date
    Apr 2009
    Posts
    7
    Vote Rating
    0
    vijayamails is on a distinguished road

      0  

    Default


    I am getting the below error when i tried to execute the sent code.


    this.cm.rows.length is null or not an object

    this is at row : 47 ie,., at closing of rows:[
    ]-> 47

    Thanks,
    Vijaya.

  7. #7
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    89
    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


    Are you using the latest version 1.3 of GroupHeaderGrid?

  8. #8
    Ext User
    Join Date
    Apr 2009
    Posts
    7
    Vote Rating
    0
    vijayamails is on a distinguished road

      0  

    Default


    We are using ext-2.2.

  9. #9
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    89
    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


    OK, but which version of the Ext.ux.plugins.GroupHeaderGrid plugin are you using?

  10. #10
    Ext User
    Join Date
    Apr 2009
    Posts
    7
    Vote Rating
    0
    vijayamails is on a distinguished road

      0  

    Default


    I tried with GroupHeaderPlugin 1.2 and GroupHeaderPlugin 1.3. Both are giving the same output.

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