Coolite implementation of Condor's LockingGridPanel extension.http://extjs.com/forum/showthread.php?p=369120
You should be able to open the solution and make sure the reference to Coolite dlls are correct.
Printable View
Coolite implementation of Condor's LockingGridPanel extension.http://extjs.com/forum/showthread.php?p=369120
You should be able to open the solution and make sure the reference to Coolite dlls are correct.
Thanks for sharing :)
I am mainly using codebehind in order to autogenerate grids to display data from various SQL server tables based upon an xml configuration file
I have some problems getting your control to work as intended
Your sample runs ok and I can see that you're wrapping the gridpanel and column objects
I have added the webcontrol to my solution and changed references to ext.GridPanel to use ux.LockingGridPanel likewise with all columns
I have also set the Locked property on the first columns in my grid, but don't "see" any locked columns
Is it possible to use the control in codebehind or is only for markup?
Thanks in advance
I also generate my grid from codebehind because of dynamic column configs from the database. It works for me. I can even change columns on ajaxevents. Can you post a code sample?
Also, what version are you using? I believe the newest Coolite is using ExtJS 2.3 which does not support this extension. That's the main reason why I haven't updated from SVN in awhile.
Hi
I am using Coolite 8.1
I will try to downgrade to see if it works on earlier versions just to check my implementation
If it turns out to be a problem I'll throw together a sample later
8.1 is the earliest I can use in prod due to a little nasty bug in the gridpanel
http://forums.ext.net/showthread.php...14891-5-1.aspx
EDIT: I am also using 8.1 when running the small testapp you have provided, it's not the version then
I'll build a small sample
I am using Accordians/Treeview in a Viewport where I have the GridPanel in the center
Both topbar (toolbar) and bottombar (pagingtoolbar) are used in the GridPanel
Thanks
That sounds like the same setup I have. A treepanel in West region, tabs and gridpanel in Center. I am using 0.8.2.1.
I have thrown together a small sample which is working execellent :-)
EDIT: First of all I am using "ColumnModel.Columns.AddRange" returning af range of columns using a method to return a range of columns based upon an xml configuration
I am also using a range of different types of columns eg date, checkbox etc
I will assume that all columns needs to have the locked property to have it all work properly?
EDIT2: I can confirm that AddRange is working nicely and as expected
I haven't tested the "all columns needs to have the locked property set" thing, but when examining the clientside sourcecode behind IE I noticed that the property is only send to the client if it's set explicit in code (nice) - looks like it is not nessecary to extend the checkColumn class - this is not tested
I have managed to drill down my problem though :-)
I have been using a customized gridview in order to translate eg EmptyText
I commented out the sourcecode involved and everything started working as designed
Offending code:
ThanksCode:// Add customized gridview
ext.GridView gridview = new ext.GridView();
gridview.ID = "gridView";
gridview.EmptyText = String.Format(Language.Danish.View_EmptyText, table.Label);
gridPanel.View.Add(gridview);
Ups I have a problem with misalignment of rows due to height of the row as I have an icon in my first column
Any ideas?
EDIT: I am using detailsrenderer as in this example
https://examples1.ext.net/#/GridPane...Window_Remote/
I have added "margin-top: -2px; margin-bottom: -2px;" to the style section of the javascript function, eg:
rgdsCode:var detailsRenderer = function ()
{
return '<img class="imgEdit"
ext:qtip="Klik for at se / redigere detaljer"
style="cursor:pointer; margin-top: -2px; margin-bottom: -2px;"
src="images/vcard_edit.png" />';
}
I had a similar issue because I was using a row command in one of the columns. I ended up increasing the size of each row. Please try adding the following styles to your page (the last one is optional to turn on vertical gridlines).
I believe I also made a few more updates to the lockinggridpanel js file for some bug fixes with IE6 scrolling. I will try and post an updated file soon.
Code:/* Bigger row height to accomodate review column */
.x-grid3-row td, .x-grid3-summary-row td
{
line-height: 15px !important;
padding-left: 0px;
padding-right: 0px;
}
/* Fix locked row numberer */
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner
{
padding-bottom: 3px !important;
}
/* Vertical grid lines */.
.x-grid3-col
{
border-left: 1px solid #FFFFFF;
border-right: 1px solid #EEEEEE;
}
Thanks a lot
I have a minor problem though
As I wrote I had added a gridview in codebehind which is in conflict with the view you're adding in the javascript (only added if a view is not created)
The more advanced part of ExtJS and clientside scripting is a little too much for me too fully grasp what's going on :)
In my code I am changing the background color based on row status
Codefragments:
Code:<style type="text/css">
/* Styles for setting different row colors */
.dirty-row {
background:#fffdd8;
}
.new-row {
background:#c8ffc8;
}
Code:<body>
<form id="form1" runat="server">
<script type="text/javascript">
//<![CDATA[
function getRowClass(record) {
if (record.newRecord) {
return 'new-row';
}
if (record.dirty) {
return 'dirty-row';
}
}
//]]>
</script>
This also gives me a belt across the grid based upon cursorposition of the mouseCode:// Add customized gridview
ext.GridView gridview = new ext.GridView();
gridview.ID = "gridView";
gridview.EmptyText = String.Format(Language.Danish.View_EmptyText, table.Label);
// There is a bug in the gridview component
// ref: http://forums.ext.net/showthread.php...ew+getrowclass
ext.JFunction fn = new ext.JFunction();
fn.Fn = "getRowClass";
gridview.GetRowClass = fn;
gridPanel.View.Add(gridview);
gridPanel.Listeners.RowContextMenu.Handler = Scripts.DataGrid.RowContextMenu;
Any ideas on how to add the above to your code?
Thanks
ThanksQuote:
jchau (10/25/2009)
I believe I also made a few more updates to the lockinggridpanel js file for some bug fixes with IE6 scrolling. I will try and post an updated file soon.
I just found a little but confusing bug in the header row
I am using the rowfilters and lockinggridpanel interferes and recoloring of the header cell is misaligned to the right depending on the number of rows currently locked
Not so pretty
Any ideas?
I will check the ExtJS forums and see if I can find something
rgds