Flex :: Triggering Item Renderers On Hover With DataGrids

Sep 27, 2009

I've got a client who has a list of items on a Datagrid. When the row is clicked, it sends the user to another page with details of that item. The client wants the rows to act like HTML links, where the color is purple when the link has been previously visited and its normal color if the row hasn't been clicked in the past. I've accomplished this with item renderers and SharedObjects. The application loads the visited ids into an array on start and the item renderer colors the individual cells if that row had been visited.

The issue here is that the client also wants the text color in the rows to turn white when the user rolls over the row. Because the item renderer sets the color, it doesn't respond to the default stylesheet for the datagrid. I can make it turn white on rollover of an individual cell, but we need the whole row to do it. Is there a way to trigger a function in all the item renderers in the row, or is there a better way to accomplish this?

View 1 Replies


Similar Posts:


Flex :: Use 2 Different Item Renderers In Mx:Tree?

Mar 20, 2010

How can I use multiple item renderers in mx:Tree depending on item's depth/level in tree?For example. For the first level items I want to use label with button and for second level items combobox

View 2 Replies

Flex :: Force All Item Renderers To CommitProperties?

Mar 5, 2010

I have an item renderer that checks an external source for display information. If that information changes, I want to force all item renderer instances to check it.

What's the best way for force all the item renderers in a list or grid to either commitProperties or execute some other method?

I've read that resetting the grid.itemRenderer property will make them all initialize. I've also received the suggestion to iterate recursively through all the grid's children and call invalidateProperties on all the UIComponents I find.

View 2 Replies

Flex :: Use Creation Complete In Item Renderers?

Nov 25, 2010

Can i use creation complete in item renderers, i have a data grid and i have kept every single cell as an item renderer. is it a good practice to use creation complete here. I fear events might fire up at wrong instances.

View 2 Replies

Flex :: Set Up Item Renderers To Have The Created Only If They Are Displayed On The Viewport?

Jan 24, 2011

I have data ItemRenderers with DataGroup, but I have many items, and it seems to me that DataGroup create all of them not only those few displayed on users screen, which takes time and resources.

View 1 Replies

Actionscript 3 :: Flex / Using Multiple Item Renderers In A List

Feb 23, 2011

I'm trying to have multiple item renderers in a list, as I have several different types of objects that I want to display. I tried creating a new class that extends ListBase, and adding override public function createItemRenderer with my code within this function. I then instantiate the new class and give it my array of data as its dataProvider, but createItemRenderer is never called within my new class,

View 2 Replies

Actionscript 3 :: Creating Custom Item Renderers In Flex?

Jun 14, 2011

while creating custom item renderers which interfaces we need to implement?

View 2 Replies

Flex :: Avoid Loads Of 'if Statements' In Item Renderers?

Aug 8, 2011

I have an item renderer for a list containing an image, label and a checkbox.These are visible depending on the dataProvider property of the list.E.g if an image is a premium image then display the premium label, if an image is a favourite then display a star etc.The problem is i have a massive if statement, and this doesn't seem good practice.

View 1 Replies

Flex - Spark List Reusing The Wrong Item Renderers?

Feb 9, 2010

I have a List component using multiple item renderers determined by the itemRendererFunction. When I set the data the first time, it works as expected. Then, when I set the data a second time with new data, it doesn't call the itemRendererFunction and tries to reuse the current renderers even though they don't match the data.Once I scroll, the function is called and the correct renderers are used. I tried calling invalidateDisplayList and such prior to setting the data, but that didn't fix the problem.

View 3 Replies

Actionscript 3 :: Implement An Object Pool For Flex Data/Item Renderers

Oct 6, 2010

You can hook into the creation of Flex 4 item renderers easily enough (through itemRenderer, or itemRendererFunction) allowing you to pull renderers from a custom object pool, but how would you put those renderers back into the pool?

I understand that layout virtualization does a form of object pooling, but I'd like a way to hook in to that. For example, when an itemRendererFunction has been assigned to a data group with a virtualized layout, item renderer construction is indeed deferred, but the instances are not re-used - I'd like to be able to intervene there, if possible.

But even in the case of normal virtualized renderers (where the instances are re-cycled) it would still be useful to be able to manage the pool manually. Pools could be shared between data groups, for example, to reduce the initial buffer required to populate each group.

Is there any way to know when Flex discards an item renderer instance? I have a sinking feeling that there is just no reliable way to tell - even though perhaps there should be.

View 2 Replies

Flex :: Override The Column Item Renderers For The Datagrid Component Dynamically

Feb 24, 2011

I have a view component called viewBase where I defined a advanced datagrid with few item renderers for datagrid columns. Now I have a requirement where I need to use the same view viewBase component, but not required to use any item renderers.

how to override the itemrenderers which are declared in a view component?

View 1 Replies

Flex :: Print The Custom Item Renderer Images In Advanced Datagrids

Feb 23, 2011

we have developed a web application by using flex-blazeDS-Java. Now we got a requirement that to print the user existed page whenever he clicks on Print button. I am able to print my flex componets and advanced datagrid but not able to print the custom item renderer images which are rendered in datagrid. And also how to print the multiple pages when I have large data in advanced datagrid.

View 1 Replies

Flex - ComboBox Is There An Event For Item Hover?

Apr 7, 2010

I'm using the <s:ComboBox> flex component which I suspect is very similar to the mx one <mx:ComboBox>

What I'm trying to do is listen to the event of the mouse moving between the items of the list. There's a change event, but it kicks in only when the item is clicked/selected from the list.

What event would I need to listen for when items are just hovered over. I tried finding over and hover but couldn't find something to that effect.

View 1 Replies

Action Script 3 :: Custom Image Item Renderers?

Jun 25, 2009

I have a custom item renderer which displays a different gif in the row depending on data value from the data object. When i set the image source url using the absolute path and not embedding it works fine however when i embed the images i find that when i scroll up and down the grid the images get messed up and sometimes sit on top of each other. why embedding images in my hbox item renderer is causing so hassle;

code
public var equipment:Image;
public var compr_icons:Bitmap = new AssetManager.COMPUTER_ICON;

.. do some logic
equipment.addChild(compr_icons);

View 1 Replies

Actionscript 3 :: Refresh Item Renderers And Change Their State?

Feb 2, 2012

I have a list with time related data. the item renderers display this time. I would like to make the item renderers refresh their state/labels upon the tick of a timer.

to which event should I add a listener within the renderer, and how do I trigger such event from the list?

View 3 Replies

Flash - Enable Tab Key Navigation On A Datagrid Where The Cells Are Custom Item Renderers?

May 26, 2011

This is a snippet of code in our custom item renderer which is in actionscript:

textCustomItemRendererTempForTab.tabEnabled=true;
textCustomItemRendererTempForTab.focusEnabled=true;
textCustomItemRendererTempForTab.setFocus();
Alert.show( "Without this alert focus goes to next grid " );
keyboardEvent.preventDefault();
keyboardEvent.stopImmediatePropagation();
keyboardEvent.stopPropagation();

Right now tab navigation works (on tab, focus goes to next editable cell) with the alert inserted in the code but I'm not sure why because I believe the alert in the code breaks the flow of event bubbling. However without the alert (which is what we are going for) the focus goes to the next grid in our UI.

You can see the attempts of trying to stop the event from going to other components. I have also tried to call preventDefault() and stopPropagation() on the datagrid when it receives a tab key event.

how to allow proper tab key navigation without an alert?

View 1 Replies

ActionScript 2.0 :: Highlight Active Menu Item OnRelease, Without Triggering OnRollOut

Jul 17, 2008

So, I've always struggled with the best way to do this. I have a method, but it seems like there's gotta be a better way.

Say you have an array of menu items

Code:
var menuArray:Arrary = [item1,item2,item3];
, and onRollOver they receive a certain color:

[Code]....

I realize that there's some additional code that would need to be written here, but you get the point. Basically what I'm doing is disabling the button so nothing happens onRollOut. Then I'm setting all the buttons colors to null, but changing whichever button was flagged as active to red.

It seems like a really ghetto way of doing this, and you notice a visible flicker in color of the active menu item if there are a lot of items in your array. Does anybody know a better way to handle this?

View 3 Replies

Flex :: How To Get Rid Of Spacing Between Several DataGrids

Dec 15, 2009

I've got a Grid whose GridItems contain another DataGrids. (The DataGrid are nested in the Grid). Now I changed the Grid's horizontalGap-StyleProperty to zero. But because there are several DataGrids in one GridItem, there is still about 5-10px spacing in between those DataGrids. How to get rid of these spacings ?

View 5 Replies

Javascript :: Flex Datagrids - Alternatives In Non-flex/flash Environment?

Jul 29, 2009

I did some work that used Flex datagrids previously. It was smooth for the users and developers alike.

In my current project, I have to implement the same grids but not using Flex / Flash.

I have taken a look at extJS and YUI but they don't seem to measure up.

Are there other packages I should be looking at ?

View 3 Replies

Flex :: How To Loop Over A Datagrids Rows

Oct 15, 2009

I have a DataGrid which contains a DataGridColumn with a textinput and DataGridColumn with a Button.The DataGrid is bound to some XML which displays values in the text box.When the button for a row is clicked I need to get the value out of the text box and save it into the relevant XML node.My solution was just to pass the id of the row to the button click event then loop over the rows until I find the id then just grab the text box value. Simple. However the only advice I can find on looping over the rows is via the underlying dataProvider, which is nonsense as the two aren't the same thing.

View 2 Replies

Flex :: Drag And Drop Between Datagrids?

May 5, 2010

we want to drag a button with a css layout from one grid to the other. On the second grid should be the same button with this layout. The grids are in different mxml files.

View 2 Replies

Flex :: Make Columns Aligned Between 2 DataGrids?

Nov 9, 2009

I have 2 advanced data grids, one above the other. They both have the exact number of columns, and pertain to each other in the same way. But each is showing different data, which is why I split into 2 grids. However, on each one you can resize the columns, what I would like is to make it so that if you resize a column on either datagrid the same column on the opposite datagrid resizes as well, so they are both always lined up.

View 1 Replies

Flex :: Using One Data Source For Multiple Datagrids?

Feb 25, 2010

I want to use one data source (e.g. an Array) for multiple Datagrids that have different filterFunctions attached and show different columns.First, I thought I use a very straight forward apporach:create the Arraycreate an ArrayCollection for every DataGrid and set the "source" property to the Arraycreate the DataGrids and set their dataProvider property to its designated ArrayCollectionSo now. every ArrayCollection can have its own filterFunction, sort state etc. but there needs tos are dispatched and I have to call itemUpdated manually on each of the ArrayCollections. While debugging into the code in order to get a deeper understanding for Flex, I tried to figure out, what this misterious "itemUpdated" method does, especially as it notes in the adobe documentation, that, if no "property" is given (e.g. it is null), a simple "refresh()" will occur.

I did not find any calls to "refresh()" in the whole debugging (and I went down the framework whole as deep as possible (btw: lots of funny comments right in the code :-) )he only thing I could find was a CollectionChangeEvent getting dispatched with a PropertyChangeEvent in its "item" property. Which was of the kind "UPDATE" (and not, as I would expect "ADD"). When trying to dispatch that event manually, it never worked (e.g. the datagrid did not update).

View 1 Replies

Flex :: Text - Builder Datagrids Formatting?

Mar 20, 2010

is there a way to control the text positioning in the datagrid cells in Flex so that all text in subsequent columns align on the same rows?

View 2 Replies

Flex :: Multiple Datagrids With About 10-15 Columns Total?

Aug 30, 2011

I have multiple datagrids with about 10-15 columns total. I have a numeric sortCompareFunction for each column. At the moment, I have a separate function for each sort compare I do....each does the sorting numerically. I'm guessing I could condense functions sort1, sort2, sort3, etc into 1 function but I can't figure out how:

private function sort1(obj1:Object, obj2:Object):int{
var value1:Number=(obj1.zip==''||obj1.zip==null)?null:new Number(obj1.zip);
var value2:Number=(obj2.zip==''||obj2.zip==null)?null:new Number(obj2.zip);[code]...............

View 2 Replies

Flex :: Grid Renderers Updating Without UpdateDisplayList Being Called

Oct 14, 2010

I have an item renderer for a grid that has a fairly basic updateDisplayList function:

override protected function updateDisplayList( w : Number, h : Number ) : void
{
super.updateDisplayList( w, h );
var labelWidth : Number = Math.min( _labelDisplay.measuredWidth, w );

[Code]....

The next time I scroll the renders update to look like they should - but updateDisplayList is NOT called here (on the renderes). All that happens is that the renderers are re-positioned in the grid. Both the background and the label are displayed incorrectly initially so it's not just the label mis-behaving.

View 1 Replies

Actionscript 3 :: Flex - Tab View Multiple DataGrids And Same DataProvider

May 26, 2010

I have a flex application in which I have a TabNavigator with multiple tabs and a datagrid in each of those tabs. I have bound s single array of data to each grid.

What I want to do is to bind each grid with a particular set of data in that array i.e. to distribute array contents among grids based on data type. For example items starting with letter A could be displayed in first grid, B in second, starting with C in third and so on. Hence you can say alphabetically distribute the data on different grids. The problem is that the data will be added randomly by the user.

To make one data array for each grid is not an option (due to design restrictions).

View 2 Replies

Flex :: MX Datagrids Sort- Case Sensitive By Default?

Sep 16, 2011

Is it just me, or do flex MX datagrids sort in a case sensitive manner be default? That is, they'll sort like this:

I know I can give a datagrid column a custom sort function, but do I really have to do that for every column in the app?

So this is a bug in a legacy app- updating every single grid to spark really isn't an option (if that's even a fix). Am I missing some obvious way to change the sorting pattern for an entire grid?

View 1 Replies

Flex :: Separate Objects Into Two Datagrids Based On Specific Value

Oct 5, 2011

Im using Oracle, BlazeDS, Java and Flex. I have a list of objects displayed in a datagrid(Lets call them Main-objects. Each of these objects have a set of UserComment-objects associated with them(One-to-Many relation in the DB). These comments may come from two different "types" of users, distuingished with either a 1 or 0 in the UserComment-object's "userType" field. Each time the user selects a Main-object in the datagrid, the UserComment's related to this object is displayed in a separate datagrid below.Based on the introduction, i want to separate the UserComment's into two separate datagrids (one for each user-type), instead of the one i have now. So my question is: What is the best approach for performing this task? What is the best way of separating the UserComment's into two separate data grids based on the value of the "userType" field?

View 3 Replies

Flex :: Error When The Scroller Of The Mx:Tree With Custom Renderers Is Scrolled?

Aug 24, 2010

I have created a custom multiline item renderer for mx:Tree component. Important to mention that my item renderer has two UITextFields in it. Sometimes (depends of the input data) only one of UITextFields must be shown, so when second UITextField is not needed I hide it and recalculate the height of my item renderer. According to my tests height is calculated properly.The problem occures when I do scroll of my tree. The error text is:

TypeError: Error #1010: A term is undefined and has no properties.
at mx.controls::List/adjustVerticalScrollPositionDownward()[E:dev4.0.0frameworksprojectsframeworksrcmxcontrolsList.as:1042]

[code].....

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved