PDA

View Full Version : [INFOREQ] [Ext JS 4.0.2a] Cell Editing Grid Example with a MutiHeader locked Error



spsp
19 Jun 2011, 6:18 PM
Cell Editing Grid Example with a MutiHeader and I locked left one column.
26640
Cell Editing Grid Example with a MutiHeader and I locked left two columns.
26641
Codes I modified from the Example of Ext Example Demo "Cell Editing Grid":


var grid = Ext.create('Ext.grid.Panel', {
store: store,
columns: [{
id: 'common',
header: 'Common Name',
dataIndex: 'common',
//flex: 1,//modi spsp
width: 130,//add spsp
locked: true,//add spsp
field: {
allowBlank: false
}
},
{ //add spsp
text: 'Banded',//add spsp
locked: true,//add spsp
columns:[{//add spsp
header: 'Price',//add spsp
dataIndex: 'price',//add spsp
width: 70,//add spsp
align: 'right',//add spsp
renderer: 'usMoney',//add spsp
field: {//add spsp
xtype: 'numberfield',//add spsp
allowBlank: false,//add spsp
minValue: 0,//add spsp
maxValue: 100000//add spsp
}//add spsp
}]//add spsp
},//add spsp
{
header: 'Light',
dataIndex: 'light',
width: 130,
field: {

Thank you for concerning, looking forward it being solved soon.

spsp
20 Jun 2011, 9:08 PM
UP!

spsp
22 Jun 2011, 12:06 AM
UP!

bharatn
23 Jun 2011, 1:56 PM
@spsp thanks for the report, we've just introduced a new bug template that will help us migrate bugs from the forums to our bug tracker. Could you please update your ticket to follow this template (http://www.sencha.com/forum/showthread.php?138165-How-to-report-a-bug) so that we can address it faster?

spsp
28 Jun 2011, 1:10 AM
REQUIRED INFORMATION


Ext version tested:

Ext 4.0.2 rev a
Browser versions tested against:

IE8
Description:

When use Cell Editing Grid Demo, and add a MutiHeader to it, and locked one column with one level, I find locked column header have different height with unlocked ones, so rows locked and unlocked can't align.
When use Cell Editing Grid Demo, and add a MutiHeader to it, and locked one column with two levels, I find locked part disappeared.
Steps to reproduce the problem:

Use Cell Editing Grid Demo of Ext4 Examples.
Add a MutiHeader to it.
Locked columns with or without multiheader.
The result that was expected:

Locked column header should have same height with unlocked ones, and rows locked and unlocked should be aligned.
Locked part should not disappear.
The result that occurs instead:

Locked column header have different height with unlocked ones, so rows locked and unlocked can't align.
Locked part disappeared.
Test Case:


var grid = Ext.create('Ext.grid.Panel', {
store: store,
columns: [{
id: 'common',
header: 'Common Name',
dataIndex: 'common',
//flex: 1,//modi spsp
width: 130,//add spsp
locked: true,//add spsp
field: {
allowBlank: false
}
},
{ //add spsp
text: 'Banded',//add spsp
locked: true,//add spsp
columns:[{//add spsp
header: 'Price',//add spsp
dataIndex: 'price',//add spsp
width: 70,//add spsp
align: 'right',//add spsp
renderer: 'usMoney',//add spsp
field: {//add spsp
xtype: 'numberfield',//add spsp
allowBlank: false,//add spsp
minValue: 0,//add spsp
maxValue: 100000//add spsp
}//add spsp
}]//add spsp
},//add spsp
{
header: 'Light',
dataIndex: 'light',
width: 130,
field: {


HELPFUL INFORMATION


Screenshot or Video:


26792


26793
See this URL for live test case: http://


Debugging already done:

none
Possible fix:

not provided
Additional CSS used:

same as Cell Editing Grid Demo of Ext4 Examples
Operating System:

WinXP Pro