Printable View
Thank you for the quick response!
Ah, resizing some of the columns extra wide did the trick. THANKS AGAIN!
IGNORE THIS:
Yes, I did lock columns (in various combinations). I even got the cool vertical blue line after the locked column, but no horizontal scroll bar. I also tried re-sizing the window too to see if I could force a horizontal scroll.
Same result in IE 6 and FF.
Great! But still, it's gonna be much better if we can set some columns locked in the code rather than on the page.Quote:
Originally Posted by MeDavid
And another suggestion: could the "new Ext.grid.RowNumberer()" also be locked? Coz I can't lock the row numbers and it just moves after the locked columns.
Cheers,
Matt
You can set the boolean 'locked' property to true in your columns array config property of the LockingGridPanel or in the LockingColumnModel.Quote:
Originally Posted by timezz
Same as above, give the RowNumberer a locked:true property and you should be fine.Quote:
Originally Posted by timezz
It's a nice port!
I found 3 problems so far:
1. When inserting a combobox/checkbox in one of the locked columns (or anything that's higher than the default row height), the row height of locked and unlocked columns became uneven. Is there a way around it?
2. If I use a proxy to load the data, the word "undefined" is shown when the grid is loading.
3. Any unsortable locked columns will not display the drop down menu. As a result, there's no way to make them unlocked again.
I was using IE 6, by the way.
Answer my own question ;) : looked at 1.1.1 code and found out you can add the following code in the processRows function:Quote:
1. When inserting a combobox/checkbox in one of the locked columns (or anything that's higher than the default row height), the row height of locked and unlocked columns became uneven. Is there a way around it?
Code:var h = Math.max(row.offsetHeight, lrow.offsetHeight);
row.style.height = lrow.style.height = h + "px";
Add the following line in renderUI() to fix problem 2:
Code:var bd = this.renderRows();
if (bd == '') bd = ['', ''];
When declaring a DOCTYPE, the behavior we're seeing when we lock the first column, is that a horizontal scrollbar is created and that first locked column takes up all the visible width. Additionally, the scrollbar will not allow you to scroll to see the other columns (because it's at full length).
DOCTYPEs used are...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
- Matt
first off awesome work! it looks great
1. has anyone used this code to create a EditorGridPanel with locking columns? I would like to use this with combos in the table
2. when setting locked: true in LockingGridPanel the column is locked but the other columns don't show up in FF or IE. The columns are all checked in the header menu and if I unlock the column they show up. Has anyone had problems with this?
2. I was able to fix this by adding the following to LockingGridPanelQuote:
Originally Posted by mbahl
render : function(id){
Ext.grid.LockingGridPanel.superclass.render.call(this, id);
this.getView().refresh(true);
}
If there are better solutions pls let me know
I am also curious to know if there is any planned development of column locking on an EditorGridPanel?