i would like to align the datagrid in the gridItem with instance 'row5' such that it is align with the other textInput in instances 'row3' and 'row4'?
<mx:Grid paddingTop="4" paddingLeft="4">
<mx:GridRow id="row1">
<mx:GridItem>
[Code]....
I'm having some issues aligning the header text of a datagrid. I'm using an embed font for the header text, and when applying the css, the header text behaves as if I'd set the text vertical align to top. I'm trying to vertically center the text, but haven't found a way to make it work.
View 1 RepliesHow can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 Repliesi have a datagrid which contains a number of itemrenderers, it is populated each time a user does a search. Is there an event which can tell me when the datagrid has completed rendering all new rows and item renderers?
I need to trigger an event once everything has been created so that i can resize then container which holds the grid.
Currently im using DataGridEvent.HEADER_RELEASE and CollectionEvent.COLLECTION_CHANGE events to manage this however the problem with these events is that they get called as each new row is being added to the datagrid.
I have data grid that measures the height according to the rows it has, but i need to disappear/ make invisible when i have no data, so the header will not just appear alone.
View 1 RepliesI have a fairly large app that employs an AdvancedDataGrid component. When resizing a specific column (the second one to be exact), the separator between the second and third column disappears for a fairly small, but non null, range of widths of column
View 1 RepliesI am trying to implement the following :
1> First column of datagrid has a checkbox.
2> Select checkboxes, and then delete the datagrid column.
3> Dynamically, add checkbox when row is added dynamically.
4> Do not show check box if now data in row.
I have a flex data grid.I need to highlight the selected cell of the data grid.
View 3 RepliesI have a randomly-sized array of items. I'd like to display one label for each item in a Repeater component. I want them to display in a grid layout with 5 columns and as many rows as needed. How do I do that in Flex / ActionScript?
View 2 RepliesI have a datagrid with an xmlListCollection bound to it:
<mx:DataGrid id="dgCompetente" includeIn="Competente" x="10" y="66" width="547" height="468"
change="dgCompetente_changeHandler(event)" dataProvider="{colCompetente}"
editable="false">
[Code]......
I want the selectedIndex to remain the same. So, if I delete item 2, the next in the list should be selected. The problem is that if I delete item 2, item 3 will be selected and I have no idea why.
i created dynamically checkbox on data grid how do i find out Which checkbox select/unselect and which checkbox contact is select/unselect ? Because we cant set dynamic id for each checkbox
<mx:DataGrid x="7" y="3" width="347" height="337" dataProvider="{#####}" variableRowHeight="true">
<mx:columns>
[Code]....
I have a datagrid in my mxml file, say, samp.mxml.
<mx:DataGrid id="taskDataGrid" dataProvider="{initDG}" variableRowHeight="true"
editable="true" width="100%" paddingBottom="1" paddingTop="1" height="55" >
<mx:columns>
[code].....
I created an application to show a datagrid with a custom column in Flex 3. How can I access the method loadDetails in this code?:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
public function loadDetails(id:String) : void { // Some code here
[Code].....
When I tried to run this code Flex throws an error. It says that loadDetails is not defined. I suppose that error is because of scope.
I have a DataGrid component that I would like to update every 5 seconds. As rows are being added to this DataGrid I noticed that every update causes it to reset the scroll bar position to the top. How can I manage to keep the scroll bar at its previous position?
View 4 RepliesHow to add custom component in context menu of datagrid.Here custom component like one text box with formatting details.
View 1 RepliesI'd like to extend the standard DataGrid component in flex with mxml. But I want to add buttons to the bottom of the component. I've tried attempting the following but its not working...Am I adding the Button to the wrong element?
<mx:DataGrid xmlns:fx = "http://ns.adobe.com/mxml/2009"
xmlns:mx = "library://ns.adobe.com/flex/mx"
xmlns:s = "library://ns.adobe.com/flex/spark">[code]............
I have a custom component of which have a advancedDataGrid inside it. I want thiscomponent to be reusable so need is set the datagid selectionMode as a component property.In mxml i want set property like this:
<comp:MyComp itemDataGridSelectionMode="singleCell" .../>
Inside MyComp actionScript i have a metatag like this:
[Inspectable(enumeration="singleRow, multipleRows, singleCell, multipleCells",
[code]......
I have a mxml component with a datagrid listing project names and code versions. I have the selected projects from the datagrid binded to a public variable named "selectedProjects". But how to access this variable in another mxml component. I want the selected project's name in that component's text area. I even created an instance of the first component and using that called the selectedProjects variable. But I do not get the value updated in the text area.
This is the code for the first component where I get the selected projects name in a variable:
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
creationComplete="handleCreationComplete();"
width="800" height="600">
[Code].....
I was trying to update the value of the selected projects in the text area of Id "projDocs", But I do not get it..
I have a component A in my flex project where people can vote for their favourite artist. Someone "likes" an artist, it get's updated in my database. There is also a component B that shows a chart of the most liked artists. I call the data from the database on creationcomplete in Flex. The problem is that when a person first votes on an artist, it will not be visible in the datagrid untill the user reloads the main page (?) or reopens the entire application. So i was wondering how i can update the datagrid everytime someone adds a vote to my database. I'm now using an update button, but that's not very user friendly of course.
View 4 RepliesI 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?
I'd like to have a double click event on a datagrid in Flex3. The following example only works if the Accordion (id = "mustBeSecond") container comes after the DataGrid. Why is the order of the components important and what can I do to prevent this behavior? (The example does not work. If you change the order of "mustBeSecond" and gridReportConversions" the example works fine)
<mx:Script>
<![CDATA[
import mx.controls.Alert;
[code].....
I'm trying to make a Flex (Advanced)DataGrid component with some mechanism where the user can toggle the visibility of the columns. I've crudely implemented this by reading in the columns into the right-click menu, and when a column name is selected here, the visibility is toggled. It works, but it's not the most elegant solution.Specifically, I'm trying to emulate the "datagrid" that Mozilla Thunderbird uses to display emails. Here is an image:
In the upper right, there is an icon over the scroll bar. If there is no scrollbar, the icon remains in the same place. When clicking the icon, it opens up a menu that shows all the possible columns, with the visible ones having a check mark next to them, like this:
Also, the scroll bar always appears under this button, never "pushing" it over into it's own column.I'd like to re-create this in Flex. I believe the menu part and creating a column with a button headerRenderer is easy enough. But I can't figure out how (if at all possible) to do this with the scrollbar, because the scrollbar always seems to be "its own column".
I'm turning to you folks for answers because this really blows my mind... Let me explain:I'm using a slightly modified spark NumericStepper as an item editor in a datagrid. I had to modify the original because for some reason it's values only went up to 10.So i extended NumericStepper like so:
<?xml version="1.0" encoding="utf-8"?>
<mx:NumericStepper xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
I'm currently working with the OLAPDataGrid component and got stuck at a relatively simple task: I want to style the last row of the grid differently from the rest, so my cell item renderer needs to know whether he's rendering the last row with content in the overall grid, including those rows currently not rendered because they are outside the visible grid space. AdvancedGridListData's rowIndex property only gets me the row index of the renderer relative to the range of visible grid rows, i.e. when I scroll down the grid, a data item with an index greater than 0 gets the rpw index = 0.
View 2 RepliesWhenever I add paddingRight to a column in the flex grid, it adds the padding to the header as well.Is anyone familiar with how I can add paddingRight just to the column and not to the header? Below is the column code where I was specifying the padding.
<mx:DataGridColumn width="60" headerText="Type" dataField="Grade" headerStyleName="headerLeft" textAlign="left" draggable="false" resizable="false" headerRenderer="GridHeaderRenderer" paddingRight="5"/>
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Canvas width="100%" height="100%">
<mx:Canvas backgroundColor="#A8A8A8" height="100%" right="0" top="0" width="100">
</mx:Canvas>
[Code]...
My code above works absolutely fine, until i resize my browser window to a size below 800px width. When the browser window is make of lesser width than 800px, the canvas with background color #A8A8A8 is on the right of the window, but the problem is, when I move the scroll bar, the canvas should remain on the right of the window. Which does not happen, and that is what my problem is.
How can I solve this issue. What should I do to keep my canvas be on the right=0 all the time.
I have a mx:Grid component in my flex application. But I would like to resize it by clicking and dragging in the border. This component doesn't allow doing that.I want to put a panel in each gridItem of this Grid component and resize it.
View 1 RepliesThe dataProvider for my Flex DataGridColumn contains numbers with various number of decimals. For example: 0.45, 122.3, 0.003 How can I show the numbers aligned with respect to their decimal point (i.e. the decimal points are aligned vertically in the column) ?
View 1 RepliesI have multiple line charts in Flex Charting (3.x). The charts (and number of charts) are being dynamically generated, and are either of "type A" or "type B." The type of data on the Y-axis is different for type A then it is for type B. The x-axis is time.
Each chart is placed in its own VBox (with a few other things) that make up a larger canvas of the Type A or Type B. This VBox is given an absolute X position. It is very high priority that the different charts line up, so that comparisons (in time) can be made.
What ends up happening is that the vertical axis for some charts takes up more width then others, so the charts are no longer aligned in time.
I've been working with the flash data grid component, and I want to update just one cell in the data grid without updating the entire dataset. I haven't found anyway to do this and the object inheritance makes it really difficult to track down properties of specific child elements. Here's a snippet i use to get data from a specific data cell:
var cellData:String = _currentPlaylistDataGrid.columns[0].itemToLabel(_currentPlaylistDataGrid.getItemAt(_c urrentSlideID));
What's the best way to do this? It's NOT on a click event or interactive event.
