Datagrid column header event issue

Hi,
I'm trying to find the event that gets triggered when a
column header is dragged and one when its droped to a new position
in the grid but no luck so far Any ideas ?
Thanks.

The DataGrid's headerShift event will be dispatched when the
mouse is released with the column in a new position.
As for detecting the actual drag of the column, you need more
primative events. You can listen for mouseDown events and note the
row number (header row is row 0). You can then listen for mouseMove
events while the mouse is dragging the column.

Similar Messages

Datagrid column header word wrap issue

Hi All,
I'm passing dynamic text to a datagrid column header. The word wrap is true but it's not working.
Any ideas how to fix this issue?
DataGridColumn headerText="{myVar.text} Total" headerWordWrap="true"
Thanks
Johnny

@Johnny,
Try to make use of the headerRenderer property and use <mx:Text /> control as a renderer so that your headerText gets wrapped..
Thanks,
Bhasker
Message was edited by: BhaskerChari

Tooltip show forever until the mouse exists the datagrid column header

Hi,
Any idea on showing tooltip forever until the mouse exists the datagrid column header.
Thanks
Atul

Hi JamieVJohnson,
Please specify the
GroupStyle.Panel to the
DataGridRowsPresenter in DataGrid, since the default GroupStyle.Panel (StackPanel) cannot fit for the DataGrid Width "*" and the columns collapse.
<DataGrid Height="100">
<DataGrid.GroupStyle>
<GroupStyle>
<GroupStyle.Panel>
<ItemsPanelTemplate>
<DataGridRowsPresenter/>
</ItemsPanelTemplate>
</GroupStyle.Panel>
<GroupStyle.ContainerStyle>
<Style TargetType="{x:Type GroupItem}">
</Style>
</GroupStyle.ContainerStyle>
</GroupStyle>
</DataGrid.GroupStyle>
<DataGrid.Columns>
<DataGridTextColumn Header="Column 1" Width="2*"/>
<DataGridTextColumn Header="Column 2" Width="1*"/>
</DataGrid.Columns>
</DataGrid>
Sincerely,
Bob Bao
Please remember to mark the replies as answers if they help and unmark them if they provide no help.
Are you looking for a typical code sample? Please download
all in one code framework !

DataGrid custom header renderer issues

I'm trying to create a DataGrid headerRenderer with a
TextInput to filter the grid from the column. The custom renderer
simply has a label (with the column header label) and then a text
input, and it's all in AS, implementing IFactory, etc. It's
rendering just fine.
The issue is with the filtering - at first, I tried just
adding the text box, but as soon as I typed anything in it, the
filtering logic (which must call dataProvider.refresh() to refresh
the dataGrid) caused the header to be re-instantiated, thereby
clearing the filter text input field. I later worked around this by
caching the TextInput objects elsewhere, and having the header
simply addChild on them.
However, the issue still gets in the way. The headerRenderer
is reinstantiated twice per call to refresh(), causing it to blink,
and if the user types too fast, it throws a RTE because the
components haven't been instantiated yet.
Is there a way to stop this incessant re-initialization of
the headerRenderer? It doesn't seem necessary or efficient. If
anyone knows or wants to help I would be very grateful.
Thanks!

This may be caused by the TextInput event you are using to
call the filtering method. Are you call your filtering method from
the TextInput's change event, perhaps? If so, each character being
typed will call the filter method. Call your filtering method from
the valueCommit event, and see if that helps.
Put a break on the first line of your filter method, debug
the app, start typing into the TextInput and watch what happens. If
the filter method is called multiple times this could be the
problem.
Be sure you don't call the filter method until the typing is
completed.

Checkbox in a datagrid column header not working properly

Hi,
I have rendered a checkbox in the header of a datagrid column
using headerRenderer property. That column also has all entries as
checkboxes. What I want to do is that on checking the header
checkbox, all checkboxes should get checked. Though I am able to do
this BUT the header checkbox remains uncheched in the whole
process! Whereas, if I remove this eventHandler from it, then the
header checkbox shows the correct state i.e., show checked on
checking & unchecked on unchecking!
Any input?
Thanks in advance,
Cheree

hi many thanks for looking at my problem
what i am trying to do is show a column if the proc_id is greater than 2
it just looks a bit silly when a user configures the file (but not submitted it for loading)
the file cnt is null or zero - i had hoped not to show this - the proc_id is found from the report query !

Hide Specific Datagrid Column Header

Hi,
I'm asking for if ther is a method to hide a specific
datagrid header colum;
The showHeaders property of datagrid give me the possibility
to set the visibility of all datagrid header column.
There is a way to hide, for example, the header of first
datagrid column?
PLEASE HELP ME!!
Thank you

"markuspedro" <[email protected]> wrote in
message
news:glvr3g$gls$[email protected]..
> thank's, but this solution not run.. i would hide the
header of specif
> column..
>
> It' s impossible that flex give us the possibility to
hide only the header
> of all columns...
If you hide the header, then the space it occupies will still
be there, so
the rows will line up. Try using a headerRenderer wit one
state that shows
the header text and one state that shows nothing.

Column Header Wrapping Issue in OBIEE

Hi All,
We are facing issue with the Column Header Wrapping . Our requirement is to wrap the column header to three lines. Few users are able to see the wrapped header in three lines, few are able to see it in two lines . Even though the Browser is same and the screen size (of laptop / desktop) is same we are facing issue with few users. It is also different in different instances . For ex, In DEV instance it is wrapped in three lines but for the same user with same laptop same browser , it is not wrapped in TEST instance.
Options tried :
Reducing the width in the additional column properties wraps the header in four line
CSS Styling : word-wrap:break-word
Why is there difference in wrapping between the instance for the same user ? Any help , would be appreciated.

My dear,
All blogs and sites are teaches about the ways to implement/create a specific functionality.
Let me go to bed to dream your issue and share that with blog owner so that he can put your issue ;)
stay tune
thanks

Datagrid column header split

Greetings,
I am using flashbuilder 4.5 for php premium. I have a datagrid and need
to have multiple column headers some spanning others. I found an
example that has multiple header/iterm renderers, but it is for the mx:datagrid,
not the spark. The example calls it SplitDataGridHeader. Is there a way to
do this with a spark (s:datagrid) without all the extra?
The following is an image of the mx version running:
thanks.

@Johnny,
Try to make use of the headerRenderer property and use <mx:Text /> control as a renderer so that your headerText gets wrapped..
Thanks,
Bhasker
Message was edited by: BhaskerChari

Column header sort - case sensitivity issue

Hi guys,
I'm having an issue with the built in column sorting when you click the headers on a report. Basically case sensitivity is taken into account and capital letters get sorted before smaller case letters, for example:
Cats
Dogs
Zebra
ants
bears
How would I be able to fix this built in sort?
Thanks,
Luis

Luis,
See if Denes's solution helps: Report sort by column header question .
Scott

SSRS 2008 Header height issues due to merged columns

When working on a report today we ran into an issue which took us quite some testing to figure out. At some point we decided to switch some of the headers of columns around and when rendering the report again it for some reason created a header which was
way heigher then the biggest text there, showing a huge empty space in the header underneath the text.
My first guess was that there had to be some extra spaces in some column or something alike, which made the cells grow so much. This however was not the case. As a next step I cleared the cells in the headerrow one by one to figure out which field was making
the header grow this much. It turned out to be the header in the 10th column. When I replaced the text in this cell, it did not make the header grow anymore. When I put the original text back, it started growing again. As a next step I removed the text in
this cell, pasted it in another cell (column 11) and rendered the report, with the same huge header again. Out of frustration I tried a desperate last move, copied it to column 1 and rendered the report, the effect was a small header without some weird height.
So the conclusion was that this text was making the header grow hugely in the columns 10 and 11, but not in column 1? What is the difference between column 10/11 and column 1?
Then I noticed that column 7, 8 and 9 were pretty small columns, only holding integer values. The header above this, however, was one word, so the 3 cells in the header for these columns were MERGED. So basicly, only looking at the cells in the header, my
huge text was in the 8th cell from the left, not the 10th (10th column, but due to merging the 8th cell). As a test I editted the width of the 8th column (the middle one of the merged cells) to be as wide as all the other columns holding text. The rendering
of the report, with the huge text in the original headercolumn, now did not grow my header to be extremely big. This combined with the way "hiding" works in SSRS 2008 oppose to SSRS 2005 (ie, in 2008 a hidden cell disappears completly, moving all next cells
up to the left, where as in 2005 a hidden cell just shows as empty in the report), leads me to believe that there is a bug in SSRS 2008 considering cell widths and merged cells? It is like the 10th column header now thinks it is part of the 8th column (being
the 8th cell in its row due to merging) and therefor works with the width of this 8th column to judge how much increased height it needs. In fact it is the width of the 10th column and therefor doesnt need the height it creates, resulting in a huge empty space
underneath the text.
Is this a known issue by Microsoft? Any ETA on this for a fix?

This combined with the way "hiding" works in SSRS 2008 oppose to SSRS 2005 (ie, in 2008 a hidden cell disappears completly, moving all next cells up to the left, where as in 2005 a hidden cell just shows as empty in the report), leads me to believe that
there is a bug in SSRS 2008 considering cell widths and merged cells?
Hi Joel_i,
I was a little confused with the paragraph above. Could you please elaborate it?
Based on the information posted, I tried to reproduce the scenario, but it works fine. During my test, the header cells grow
only when the text in the head column is too long which will caused newline, or there is some extra space in some columns. So, you might need to check the properties of the 8<sup>th</sup> column cell, such asSpaceAfer,
SpaceBefore, to make sure all properties are set rightly.
To provide you further assistance, could you please post the report and dataset with sample data to our data collection E-mail
address?
E-mail: sqltnsp AT microsoft.com (Please replace the AT with @, and remove additional spaces).
Thanks,
Lola Wang
Please remember to mark the replies as answers if they help.

Interactive Report, issue with backgroud color of Column Heading.

Hi,
I am using Theme -16
and there is a Interactive Report with the following columns Headings
Employee Name   Employee No DOB
Now, the label of the first column is changed from Employee Name to Employee<br>name.
The column heading is now displayed as follows.
Employee   Employee No   DOB
Name         problem is when I add a break in any of the column heading..the background color of the column headings is different than the first one (little bit darker).
Why the background ground of the column heading is different in both these cases??.
Thanks,
Deepak

Why the background ground of the column heading is different in both these cases??.The report heading background is controlled by the CSS rule
.apexir_WORKSHEET_DATA th {
background: #4e4e4e;
font-weight: bold;
color: #fff;
border-top: 1px #ccc solid;
border-bottom: 1px #aaa solid;
white-space: nowrap;
vertical-align: center;
letter-spacing: 1;
font-size: 8pt;
background-image: url(../ws/report_bg.gif);
background-repeat: repeat-x;
}This uses a [gradient image|http://apex.oracle.com/i/ws/report_bg.gif] that is repeated horizontally to provide a shaded background from light to dark grey. As the background image doesn't repeat vertically, when the height of the heading is more than the height of the image the gradient is replaced by the underlying background colour (#4e4e4e). This is what's happening when the break is inserted into the header text: the height of the heading increases, causing more of the darker area of the background image/underlying colour to be visible.

IR column heading spanning mutiple lines colour issues

Hi,
I'm using APEX v4.0.2 and thanks to this forum I'm aware of the problem around the banding of column headings in IRs when they span multiple lines. I've cured the problem by adding the following in the page header as suggested in previous postings;
<style type="text/css">
.apexir_WORKSHEET_DATA th {
background: #4682b4;
</style>
However, my problem is when I now click on the column heading to use the filters, etc, the colour reverts back to gray again. Is there anything I need to add to change the background colour of the heading when it's clicked?
Thanks
Neil
Edited by: nbradshaw on Jul 28, 2011 10:16 AM

10g R2 Column Header Issue

I have been working with the new OracleAS 10g R2 Discoverer Plus (Drake) and am concerned about the height of the column header cells. The labels within the column headers are almost cut off, which is super annoying. I've tried all sorts of formatting to fix this but nothing seems to work. Is there a way to change the height of the column header cells?

It seems like this problem might be related to the one we are seeing with the wrapping option for the column headers. Even though the wrap text option is on, in Plus the header just gets truncated and in Viewer the entire header appears on one line, causing the column to expand.

Datagrid column in module causing memory leak

Hi All
I'm having trouble with a DataGrid column preventing a module from being release properly. I can't imagine this is the intended behaviour.
Using this simple test case, a WindowedApplication and an mx:Module I wonder if anyone else can reproduce this problem. The issue goes away if you simply comment out the GridColumn Instance.
Can anyone offer any advice?
Many thanks
James
DataGridTest.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Script>
        <![CDATA[
            import mx.core.IVisualElement;
            import mx.events.ModuleEvent;
            import mx.modules.IModuleInfo;
            import mx.modules.ModuleManager;
            private var assetModule:IModuleInfo;
            protected function load_clickHandler(event:MouseEvent):void
                assetModule = ModuleManager.getModule('DataGridTestModule.swf');
                assetModule.addEventListener("ready", getModuleInstance);
                assetModule.load();
            public function getModuleInstance(event:ModuleEvent):void
                var sm:DisplayObject = assetModule.factory.create() as DisplayObject;
                sm.addEventListener("close", closeModule);
                contentHolder.addElement(sm as IVisualElement);
            private function closeModule(event:Event):void
                event.target.removeEventListener("close", closeModule);
                contentHolder.removeElement(event.target as IVisualElement);
                assetModule.unload();
                assetModule = null;
        ]]>
    </fx:Script>
    <s:VGroup width="100%" height="100%">
        <s:HGroup >
            <s:Button id="load" label="Load" click="load_clickHandler(event)"/>
        </s:HGroup>
        <s:BorderContainer id="contentHolder" width="100%" height="100%"/>
    </s:VGroup>
</s:WindowedApplication>
DataGridTestModule.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"
                      xmlns:s="library://ns.adobe.com/flex/spark"
                      xmlns:mx="library://ns.adobe.com/flex/mx"
                      layout="absolute" xmlns:components="components.*">
    <fx:Script>
        <![CDATA[
            protected function close_clickHandler(event:MouseEvent):void
                dispatchEvent(new Event('close', true, false))
        ]]>
    </fx:Script>
    <s:BorderContainer id="contacts"
                       width="100%" height="100%"
                       backgroundAlpha="0"
                       borderVisible="false">
        <s:layout>
            <s:VerticalLayout/>
        </s:layout>
        <s:Button id="close" label="Close" click="close_clickHandler(event)"/>
        <s:DataGrid id="queries" >
            <s:columns>
                <s:ArrayList>
                    <s:GridColumn/> 
                </s:ArrayList>
            </s:columns>
        </s:DataGrid>
    </s:BorderContainer>
</mx:Module>

OK, So I've done some more testing. Creating the GridColumn in AS during the creationComplete event is a slight improvement. It seems to allow the DataGrid and the Module be GC'd, but it's still leaking memory somewhere. I just can't get my head around the Profiler. Also, it's going to be a massive headache if we have to rewrite our application to create all the GridColumns in AS. Surely this shouldn't be necessary?
New test case below:
DataGridTest.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayList;
            import mx.core.IVisualElement;
            import mx.events.ModuleEvent;
            import mx.modules.IModuleInfo;
            import mx.modules.ModuleManager;
            import spark.components.gridClasses.GridColumn;
            private var assetModule:IModuleInfo;
            private var sm:DisplayObject;
            protected function load_clickHandler(event:MouseEvent):void
                assetModule = ModuleManager.getModule('DataGridTestModule.swf');
                assetModule.addEventListener("ready", getModuleInstance);
                assetModule.load();
            public function getModuleInstance(event:ModuleEvent):void
                sm = assetModule.factory.create() as DisplayObject;
                sm.addEventListener("close", closeModule);
                contentHolder.addElement(sm as IVisualElement);
            private function closeModule(event:Event):void
                event.target.removeEventListener("close", closeModule);
                contentHolder.removeElement(event.target as IVisualElement);
                assetModule.unload();
                assetModule = null;
        ]]>
    </fx:Script>
    <s:VGroup width="100%" height="100%">
        <s:HGroup >
            <s:Button id="load" label="Load" click="load_clickHandler(event)"/>
        </s:HGroup>
        <s:BorderContainer id="contentHolder" width="100%" height="100%"/>
    </s:VGroup>
</s:WindowedApplication>
DataGridTestModule.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"
                      xmlns:s="library://ns.adobe.com/flex/spark"
                      xmlns:mx="library://ns.adobe.com/flex/mx"
                      creationComplete="module1_creationCompleteHandler(event)"
                      layout="absolute" xmlns:components="components.*">
    <fx:Script>
        <![CDATA[
            import flash.utils.setTimeout;
            import mx.collections.ArrayList;
            import mx.events.FlexEvent;
            import spark.components.gridClasses.GridColumn;
             [Bindable]
            private var _col:ArrayList = new ArrayList();
            protected function close_clickHandler(event:MouseEvent):void
                dispatchEvent(new Event('close', true, false))
            protected function module1_creationCompleteHandler(event:FlexEvent):void
                var gc:GridColumn = new GridColumn();
                gc.headerText = 'Test Column';
                _col.addItem(gc);
        ]]>
    </fx:Script>
    <s:BorderContainer width="100%" height="100%">
        <s:layout>
            <s:VerticalLayout/>
        </s:layout>
        <s:Button id="close" label="Close" click="close_clickHandler(event)"/>
        <s:DataGrid id="queries" columns="{_col}"/>
    </s:BorderContainer>
</mx:Module>

Interactive Report (IR) column heading: filtered items number & flashlight

Hello everyone
several hours of searching through the forum did not provide me with leads or answers to 2 questions. Both are related to the IR column heading menu and options. Let's start with a copy of the relevant portion of the interactive report help screen:
Column Heading Menu
Clicking on any column heading exposes a column heading menu.
[snip]
Text Area is used to enter case insensitive search criteria (no need for wild cards). Entering a value will reduce the list of values at the bottom of the menu. You can then select a value from the bottom and the selected value will be created as a filter using '=' (e.g. column = 'ABC'). Alternatively, you can click the flashlight icon and the entered value will be created as a filter with the 'LIKE' modifier (e.g. column LIKE '%ABC%').
List of Unique Values contains the first 500 unique values that meet your filters. If the column is a date, a list of date ranges is displayed instead. If you select a value, a filter will be created using '=' (e.g. column = 'ABC').
Q1: Why do I not see a flashlight icon? I looked everywhere in the report definition to "enable" it, to no avail.
Q2: Although we've found IRs to be incredibly useful and embraced by end users, we are having issues when dealing with large datasets. Let's look at searching for people's first/last name in our CONTACTS table. The table is ~28,000 names long. If one attempts to use Column Heading menu to "filter" for any name outside the first 500 unique values, the search does not work. Yes, I know that a workaround is to use Actions Menu icon filter... but, it sure is misleading to have a search which does not go beyond letter B in the list of last names. Furthermore, I do not see a way to DISABLE Column Heading Text Area, and avoid user confusion.
I suspect that "List of Unique Values contains the first 500 unique values" was set for the performance purposes. Is there a way to set that number anywhere? Have it customized for each column? (columns county and state could be <100, for example)
Thanks an advance to any advice.
Vojin

@Prabodh: what you say is only changing the default image for the column selector at the search bar level. What i think is being looked for is an icon on the popup when a column header is clicked in an IR. Don't bother: there is none.
@Vojin, Tonibony:
I also ran into this problem with IRs and the useless column header box. If you want to hide the unique values list, it is a bother. First of all, you can't disable the finding of values, this is embedded in the widget ajax code. Then if you want to just hide the list, there is no real event you can hook up to. The poping up of the box is an ajax callback, and is part of the IR javascript, but this callback does not trigger any event (no apexafterrefresh for example, which is understandable). I've worked around this by overriding/extending the method which is called when ajax is done loading within the IR code. Here is a piece of code which does this (call it on page load):
   // _Finished_Loading is called when the IR is done with a GET action
   // because the posts are synchronous in this report, and no events
   // or hooks are available, the best way to preserve functionality
   // yet extending it is to override the original function, yet
   // keep the base code
   // apexafterrefresh cant be used since it is not triggered after
   // the widget ajax
   var or_Finished_Loading = gReport._Finished_Loading;
   gReport._Finished_Loading = function(){
       //overriden, but still have to call orinigal!
      or_Finished_Loading();
      //SORT_WIDGET is the widget containing all the header elements
      if(gReport.current_control=='SORT_WIDGET'){
         // hide the original dropdown box
         $("#apexir_rollover_content").hide();
   };If you're interested, i've recently developed a plugin for use in my interactive reports which works around some of these limitations. For me, the headers are much more userfriendly than the actions > filter menu. So what i've done is: hide the orignal dropdown, and turn the searchfield into an autocompletion field, which will progressively search through the distinct column values in the IR with ajax. I've even made an option to have the searching behave like a "contains" or a "like". I'm working on a post about it, with background, documentation and source code. I'll add a post here when i finish it up, you can see if that helps you.
I also would like to add a button later on which will simply add the entered value as a "like %value%" filter. I know how to do this and what to do, i'm just a bit short on time at the moment. I actually think that adding the button in the layout may be the hardest part... :')

Datagrid column header event issue

Similar Messages

Maybe you are looking for