how to zoom the image displayed with the help of an item renderer.If i apply the Zoom effect on rollover ,the particular cell zooms the image with the scroll bars. Is their any other way of doing this without showing the scrollbars.
View 1 Repliesi have a simple datagrid having 2 columns named as image and place. where image column has mx.controls.Image itemRenderer and place is simple. my requirement is to change itemRenderer of image cell when it will be clicked. i means to say when user click on any image from image column than i want to show that image path in editable mode and when user edit that path then the selected cell will start displayed the updated image.
View 3 RepliesI'm having an issue with a custom ItemRenderer I've written for a DataGrid. With this ItemRenderer, it's possible that the contents could exceed the width and height of the DataGrid cell - and when this happens, scroll bars appear, letting me scroll the individual cell.What I would like, however, is that when the contents of the cell are too large, the entire DataGrid scrolls, rather than the individual cells.
Now, when I set the custom ItemRenderer's horizontal and vertical scroll bar policies to "off", I get the vertical scrolling on the DataGrid that I want (the individual cells stretch to accommodate the full height of the contents) but I don't get any horizontal scrolling. Instead, any content too wide for the cell is clipped. Incidentally, setting the DataGrid's horizontal scroll bar policy to "on" has no effect, the scroll bar gutter is drawn, but nothing scrolls Is there a way to force the DataGrid to scroll horizontally when my custom ItemRenderer's contents are too wide for the cell?
I have a Datagrid with an ItemRenderer assigned to a column which is a Currency column(String). The renderer is mean to display the Flag of the currency eg; for USD it should display a USD flag image etc. At the moment the column is appearing Blank without an image. I have the following renderer (which extends UIComponent). I am dynamically loading the images in the commitProperties() method. At the moment I have hard-coded it to the USD image to get it to work
public class CenteredEmbedImage extends UIComponent implements IListItemRenderer,IDropInListItemRenderer
{
private var _loader:Loader;
[Code]....
I used play button image within datagrid iteam renderer, if I click image then move to another state (by using currentState ='play'). So I tried like
<mx:DataGridColumn textAlign="center" headerText="" dataField="col2">
<mx:itemRenderer><mx:Component>
<mx:HBox textAlign="center" paddingLeft="17">
<mx:Image source="@Embed(source='image/play_button.png')" click="currentState='Playsystem'"/>
</mx:HBox></mx:Component></mx:itemRenderer>
But it's shows error like undefined state 'Playsystem'. But Already I have state.
I am working on a problem since a week soon, but I still couldn't make it work as expected. I have a DataGrid which has HBox with a CheckBox an a Label as itemRenderer (see Code below). When I tap in to the Cell the standard itemEditor pops up and lets you enter the content of the label. Thats the standard behavior. I works fine except for 2 problems:
If I enter to much text, the horizontal srollbar pops up, and the cell is filled with that scrollbar. As you see I tried to set the horizontalScrollPolicy to off, but that doesnt work at all... I tried to do that for all the different elements, but the failure is still existent. When I have filled more than one row, there is an other mistake happening. If I tap on a row, the datagrid selects the one below that row. That's only if one line is already selected. If I tap outside the datagrid and then, tap at any row the itemEditor of the right row will show up... Is there anything now wright in the setup of my set data method?
package components
{
import mx.containers.HBox;
import mx.controls.CheckBox;
[Code]......
Have tried to figure out how this can be done - use this simple code to populate a datagrid with XML data in this format. What i want is a datagrid that will function as a gantt chart - with 2 different colors - just thought this might be a way to solve it. In the final XML there will be more than the 2 columns!
<items>
<item columnA="This1" columnB="1" />
<item columnA="This2" columnB="0" />
[code].....
For poor performance reasons, the DataGrid will cache checkboxes and reuse them for different rows. If you have 50 rows, it won't create 50 checkboxes. It will create as many checkboxes at are visible, plus a few more for padding, and then reuse them as you scroll. This is why you need to explicitly manage their state. How can improve it ? How can fixed checkbox value ? i used checkbox like below But checkbox doesnot remembering the values
[Code]...
I have an editable datagrid with a dataprovider which is basically Numbers. Is it possible to delete a value? When I do it it puts a 0 in that cell but I really need an empty value, like a Null or a NaN whose are going to be cleaned later with a labelFunction. BTW I also need the cells to keep the 0 if needed to.
View 1 RepliesI have a Flex DataGrid, which has some columns, i had put a item renderer, which makes all the elements in that column hyperlinked, i have a requirement, where i need to see the type of user, based on that i have to either enable or disable the hyper link.
Is there any good way , where i can get the style properties at the cell level...?
I want to select information in a single cell from my DataGrid in Flex 3.
Specifically, I'm displaying three phone numbers per line and the user needs to be able to select one of those numbers, from any row, but not the whole row.
While similar to this, I am displaying the DataGrid to the user. The answer for that question was to manipulate the dataProvider, how can I know what cell I've selected in order to do that?
I have a flex editable datagrid mx:DataGrid and when I press TAB key, it changes to another cell when I am editing a cell.
I don't want it to change to another cell when I press TAB. How can I stop this behavior?
In Flex 4 using a pre populated data grid, how can I get or set specific values programatically, IE I wont be using selectedItems etc.
How do I reference the value of a cell in row 4 colum 6 for example.
I have an AdvancedDataGrid that loads data from a web service. It only loads the top level stuff and then as you click the arrows it gets that data. All I want to do is to find out if some text is in one of the cells. I originally did this:
public static function assertTextInAdg(params:Object):Boolean{
// Gets the ADG
trace('youre in the assertTextInAdg function');
var grid:* = FPLocator.lookupDisplayObject(params);
trace('var grid:* = FPLocator.lookupDisplayObject(params): ' + grid);
[Code] .....
And then it fails, because it can't get the source, I think. I am completely open to other strategies and I have been stuck on this problem for 10 days now. This seems like it would be relatively easy. I have been going down a slightly different route. I am now trying to iterate through the HierarchicalCollectionView with a cursor. This seems to work. But, when I get the node I can't do anything useful with it... I have been looking for examples but so far they all stop at the point of getting the node.
public static function assertTextInAdg(params:Object):Boolean{
// Gets the ADG
trace('youre in the assertTextInAdg function');
var grid:* = FPLocator.lookupDisplayObject(params);
trace('var grid:* = FPLocator.lookupDisplayObject(params): ' + grid);
[Code] .....
I am creating Flex application.When enter data in data grid cell that time i want to check that cell value is less then 20 and if it not then change that cell's back color to red.
View 2 RepliesI am searching for something like CellClick event on Spark DataGrid, or something alike.
Is there something like this in Flex 4.5, and how to get the data from the clicked cell ?
I have datagrid in my page and I want to change particular cell background color. I don't want to use itemrenderer.
View 2 RepliesI'm trying to render a Flex datagrid using an external XML datasource. Is there a way I can specify in the XML that a cell element should appear as a hyperlink?
View 1 RepliesI have a quick question about getting the value from control which I added in my data grid by Item render and how can I get that control object when I am clicking on the cell of that column.
View 1 RepliesHow we get global x,y position,when we are clicking in a datagrid cell.
View 1 RepliesI'm using CF to retrieve values from a database that are then being stored in a datagrid in Flex. I then want to selectively take the value from one cell of the datagrid and store it as a string variable. I've searched around, but I haven't been able to come about a solution. The users will not be interacting at all with the datagrid as it will be hidden to them.
View 1 RepliesI can successfully add a validator on an item in my datagrid, by passing in the particular element in the dataProvider to the validator, but I can't get the red border to show up around the cell if the validation fails. I have stepped through the validator, and confirmed that it is passing back a failure, but I can't figure out why the red error border doesn't show up. I have a feeling its because I am passing the item in my dataProvider as the validator source, rather than the 'cell' item, but I can't find a way to access the cell.
View 1 RepliesI have Flex 4 DataGrid, what I would like to do is when an cell has been edited, I would then like to walk through the values of that column and preform math on the values, e.g., I want to total up certain values.
1) How do I reference individual values of a specific column so that I may set them.
2) How do I then set those values or should I create a new column array and pop it in place of that column.
What is the equivalent of editedItemPosition for the Spark datagrid?
View 1 RepliesI thought I could use...
studentID = myDataGid.selectedItem.studentID
Does not want to work for me. Tracing the expression in debug it is returning "XMLList (@11e55e8d1)".
The datasource is an XMLListCollection. tracing the expression myDataGid.selectedItem I can see the studentID node and it has a value.
I see that starting with Flex 4.5, Adobe recommends that we use the spark.components.DataGrid class as an alternative to the mx:dataGrid which I am not at all familiar with or where to start to learn. I have this mx:dataGrid all setup and otherwise working and would prefer not to have to learn something new.
For a flex datagrid : How do I have different fonts for a column header and the text in the corresponding cells?
View 1 RepliesI have a flex data grid.I need to highlight the selected cell of the data grid.
View 3 RepliesI have a Flex DataGrid where one individual cell needs to be rendered in a different way from others. Specifically, for one row of the grid, one of its cells should be hidden.
The DataGridColumn is set out like this in my .mxml file:
[Code]...
but that doesn't work - in fact it messes up the display in a rather entertaining fashion (one of the other cells in the row gets an extra checkbox.. I suspect it may be possible by using a custom ItemRenderer class but that seems like a lot of code overhead for a fairly simple case.
I followed this guide to display data from mysql database:But what to do if i have datagrid like this:
<mx:DataGrid id="dataGrid" width="100%" height="100%" creationComplete="dataGrid_creationCompleteHandler(event)" >
<mx:columns>
[code].....
I need to modify the behaviour of an editable datagrid to this:
-Single-click on a row, doesn't make the cell show a text input field (only selects the row)
-Double-click on a row, doesn't make the cell show a text input field either
but
-Clicking a cell in an already selected row, shows a text input field ready to be edited.