DataGrid SCrollbar Header

Hello all,
I am trying to get an image or a button in my datagrid's
scrollbar's header. I have done many google searches but have not
found anything. Does anyone have a solution or maybe help me get
started in the right direction? Thanks!
BTW, Flex Builder 2.0.

Thank you Peter and Alex for the replies.
Setting the baseColor in the stylesheet worked (I was trying everything else but).
It would be nice to have greater control over the track and trackbar colors when using the Spark theme, my datagrid header background is dark with a fontcolor of white and a symbolcolor of white, so trying to match a dark scrollbar basecolor the trackbar is almost lost in a dark track.
Thanks,
John

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 scrollbar

Hi there.
I've got a prolem. I have skinned scrollbar, and it works
pretty well on TextArea etc
The only issue I've discovered is that some lists (ex.
DataGrid) will not redraw correctly according to the scrollbar
width until the first time the user interacts with them. The width
of it is way too big, background is white (while i have grey), and
it collides with DataGrid header.
Does anybody know any solution for this problem?

Found a solution...
Set up columnWidth property to 0, and (if you're using CSS)
DataGridBase colors to the same as for the DataGrid.
Works fine for me.

DataGrid scrollbar on left side.

I know I have seen a topic about this somewhere but this
forum has such a bad searchfunction that I cant find the answer...
I have 2 DataGrids, 1 must have the vertical scrollbar on the
right side (normal), and 1 must have the vertical scrollbar on the
left side (not normal).
I have tried everything I could think of. Help files didn't
help, tutorials didn't help, looking through the UIScrollbar and
DataGrid class files didn't help either.
I'm stuck...
If anyone knows how to do this, please share.
p.s. the tricks that people use to get the scrollbar to the
left in a "scrollpane" component do NOT work for
DataGrids...

Also tried:
_root.myDG.vScroller._x = 0;
_root.myDG.setHPosition(-15);
didn't work... I also tried adding this:
myDG.vScrollPolicy = "off"; (this removes the vertical
scrollbar)
and then adding an additional UIScrollbar component into the
DataGrid... but even after configuring it correctly it will not
interact with the DataGrid (perhaps it only works for textfields).
Anyone?!?

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

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 !

How to avoid doubleclick event on a datagrid scrollbars?

Hello.
I've a datagrid.
I need a doubleclick event cliccking on a data grid row.
I've enabled the doubleclick event. It works fine, when the user doubleclicks on a row, an event happens! In my case I open a modal window. Great!
Now the problem:
The problem arises when the user clicks in a short time on a data grid scroll bar (both horizontal or vertical). In this case a double click event is dispatched.
But his intenton is just to scroll the grid, no more.
Please, notice that the dobule click on a scrollbar is a well-known action that can be performed in all the applications and operating systems.
I neet the "double click" event just on a data grid rows and not on its scrollbars. Cliccking twice or more on the scrollbar I just want to scroll the grid. How can avoid to dispatch an event?
Thank you
Pbesi

I was returning today to add something about custom item renderers but you beat me to it, Pbesi. I have a custom gridItemRenderer which I now have to check for just as you demonstrated above. What I don't understand is why I can't just do this:
if( event.target is IGridItemRenderer ) //Should be true for both default and custom
My custom renderer implements the IGridItemRenderer interface, but when I double click one in the grid, the event.target is not myCustomGridItemRenderer, it is GridLayer. So what I have to do is this:
if( (event.target is IGridItemRenderer) || (event.target is GridLayer) )
I presume this would work for all custom gridItemRenderers, but I only have one, so I haven't tested this. Any idea why GridLayer is the type of the event target? My custom renderer is very simple. It just renders Booleans as "Yes/No" rather than "True/False"
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
      clipAndEnableScrolling="true"
      implements="spark.components.gridClasses.IGridItemRenderer">
      <fx:Script>
           <![CDATA[
                override public function prepare(hasBeenRecycled:Boolean):void {
                     lblData.text = (data[column.dataField] == true) ? "Yes" : "No" ;
                              ]]>
     </fx:Script>
      <s:Label id="lblData" top="9" left="7"/>
</s:GridItemRenderer>

DataGrid Scrollbar issue

I have a DataGrid inside a container with wordwrap turned on.
Some fields have a good chunk of data so they are allowed to
wrap. I have also set variableRowHeight to true (though it doesn't
affect the behavior below).
Once populated the Datagrid will not show the scrollbar when
it overflows the container area. Rather the container scrollbars
are turned on (both horizontal & vertical).
When I have WordWrap turned off, the overflow will trigger
the scrollbar for the Datagrid itself, not the container.
I am not sure what am I missing when I turn the wordwrap on
Appreciate any help/tip.
Thanks.

Setting minWidth on the column with wrapping data fixed the
sxroll issue.
Now the scrollbars are appearing with the Datagrid.

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.

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.

Binding DataGrid Scrollbar Events

I just re-posted my initial inquiry, regarding the context for the result I'm going for. In the meantime, I have a question based on a potential work-around:
How would I go about creating a two-way binding for scrollbar mouse events between two DataGrids with the same dataprovider? Programmatically loosely speaking, they would be arranged as follows:
<mx:DataGrid
     id="datagrid1"
     dataProvider="{vidItems}"
     left="0" top="0" width="300" rowCount="5" (etc...)
</mx:DataGrid>
<mx:DataGrid
     id="datagrid2"
     dataProvider="{vidItems}"
     left="25" top="0" width="275" rowCount="5" (etc...)
</mx:DataGrid>
In this scenario, the additional rows would activate the scrollbar for each DataGrid and, by default would be aligned row-for-row at the same index at creation. For "datagrid1" the MouseWheel events for the Scrollbar executed over the visible area of the DataGrid would need to be passed to "datagrid2" to keep the rows for both components in synch, while the MouseWheel, thumb drag, increment click, and decrement clicks from "datagrid2" would need to be passed to "datagrid1".
Any suggestions would be greatly appreciated.
Thanks~Benny

I came up with an alternate solution that's a much more straightforward and logical way of achieving the desired effect. I posted it here: http://forums.adobe.com/message/3160303#3160303
It's not an answer to the question, but I'm no longer looking for one, so...

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.

Fade effect with DataGrid. Header text are visible ... :(

Hi,
the problem with DataGrid.
If I specify the Fade effect for showing DataGrid, all lines
are showing correct, so the fade works, but the headers text and
the data texts are showing immediately (like without Fade).
Is it possible to avoid this effect? I want to show my
datagrid from alpha 0.00 to 1.00 for ALL elements (for lines, for
headers, for headers TEXT and of course of data TEXT)
Is it a bug?

I had the same problem. I havent fixed it but I did a work
around and used a WipeDown effect in parallel. It eliminates the
headers of appearing immediately.

Add sort images in DataGrid Header

Hi,
I have a datagrid, where in I have defined the 'headerRelease' event to sort the data-grid columns. The sorting that I have to use is not the default sorting. It has some other rules, which have been defined in the headerRelease event.
<mx:DataGrid id="idGridWebAlerts" dataProvider="{ webAlertsPage }" variableRowHeight="true"
        width="100%" headerRelease="headRelEvt(event)" selectable="false" />
In the headerRelease method, I have called the preventDefault() method of the header Release event, which will disable the default sorting. Due to this method call, the sort order images, that appear by default on datagrid column header do not show up.
One of the ways to add those images is to use HeaderRenderers, but that causes flickering of headers after the datagrid has loaded. Is there any other way we can get/add the sort order depiction images to data grid header?
Please help.
Anjali

Hi,
I tried the table sorter utility.but it is sorting only if there are text property.
so it is sorting according to the text.
then i tried the code
Comparator comparator = new Comparator()
       public int compare(Object x1, Object x2)
          IResultNodeElement e1 = (IResultNodeElement ) x1;
          IResultNodeElement e2 = (IResultNodeElement ) x2;
          return e1.getDs().compareTo(e2.getDs());
     wdContext.nodeResultNode().sortElements(comparator);
Then it is sorting in one order..is there any way to sort it in other order..
Regards
AD

DataGrid SCrollbar Header

Similar Messages

Maybe you are looking for