Flex :: Highlight The Datagrid Column?
Dec 30, 2009How to highlight the data grid column?
View 1 RepliesHow to highlight the data grid column?
View 1 RepliesI have a Flex 4, mx:DataGrid with the following (pertinent) properties set:
width="100%"horizontalScrollPolicy="off"
I have the minWidth set on all of the DataGridColumns and the width set on one of them. If I simply maximize/minimize the display (in browser or stand-alone flash player) of the application, the columns scale up and down nicely. But if you grab the edge of the application and drag it to make it bigger, only one column grows really big. When you drag the size down again, the one column remains big, but all of the other columns get squished way down.
Very bizarre issue here: For whatever reason, my datagrid will not highlight items as I roll my mouse over them. Instead, the highlight bar just remains static on the last entry in the datagrid. I know I can still select items as I have written methods that respond to the selection. [code]...
View 1 RepliesHow can i change the color, when the user mouse over an item on datagrid or tilelist. Basically once the user mouse overs and once the user selects a file. How to change the default color to something else. The default is blue and i dont like it :)
View 3 Replieshow I can select a row in a datagrid in flex and have it highlight that row plus any related rows.Let me give you can example:Let's say that I have a datagrid. In the grid I have two columns for each row. One column has what type of car they own, and the other column has the owners name. Let's say that an owner has two cars. So you have a datagrid that looks like this (4 rows, 2 columns):if you click on the Camery row, the Jaguar row and the Camery row are both highlighted.I have a datagrid that has items, and has related items to its parent.
View 2 RepliesI'm trying to prevent a default chart item roll over highlight in a Spark column chart.If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
I have a flex data grid.I need to highlight the selected cell of the data grid.
View 3 Repliesdg.selectedItems gives me all the values selected, but if i need one column names value alone then what should i do.
<mx:DataGridColumn dataField="1" headerText="Email" />
In my flex app I store the widths and visiblility of columns in an xml file. When the app loads it reads from the xml file and sets he columns values as applicable:
for(i = 0; i < columnsOrder.length; i++){
newOrder[i] = myDG.columns[Number(columnsOrder[i]) - 1];
newOrder[i].visible = (Number(columnsVisiblity[i]) == 1);
[code]....
In a flex datagrid, by default clicking on column headers does sorting. I want it such that if a user clicks a column header the entire column is selected. I have the datagrid listening for the HEADER_RELEASE event so I know when the column header is clicked.
How can I have the column and header appear highlighted similar to how a row is highlighted when selected?
I want to get all values in one of the columns of a datagrid and put them in an array, to use it as a dataprovider of a combobox, is this possible?
I use an ArrayCollection as the dataprovider of the datagrid, it's filled from the database.
Context: I have a data grid where the following has been implemented. tabbing through each column in a single row and creating a new row when tabbing from the last column. The last column in my datagrid is now a checkbox. I set the 'editable' to false as shown below (since we don't want editable text to be shown when user clicks on/tabs to checkbox.
Problem: When I tab through the columns of a given row, I cannot tab to the checkbox column and therefore cannot use the space bar to toggle between checked/unchecked. The user is forced to use the mouse to toggle the check box. Question: How do I let user tab to the checkbox column, and press spacebar to toggle between checked and unchecked?
We have a Datagrid:[code]where practiceJoinRequestThicks is an ArrayCollection of PracticeJoinRequestThick object.The PracticeJoinRequestThick has an Practice Object.Practice has an arraycollection "PracticeContactAddresses" which is an arraycollection of PracticeContactAddress object and Practice ContactAddress object has Address object which has the field city:String.Now when I try to display the City, it does not work.
View 2 RepliesI have defined the datagrid as followsmx:DataGrid id="dg" width="100%" height="100%" >n the part i am trying to get the details from the database and setting the dataProvider for the DataGrid as follows.
var arrayContent:ArrayCollection = new ArrayCollection();
for(var i:int=0;i<assetClassDetails.length;i++)
{
[code]....
i have a datagrid in my web application, i have add a checkbox to datagrid using itemrenderer. how can i get the value of checkbox?
View 2 RepliesI am stuck in a problem working on Flex datagrid, in an AIR application. How can I access a specific row in datagrid in Flex. I am not talking about the selectedItem or any particular record of dataProvider of datagrid. What exactly I want to do is I am showing some files data (name, description etc.) on a datagrid, and the data of these files comes from an array which is the dataProvider of the datagrid. Now when these files are being uploaded one by one to the server (using a webservice), I want to show a ProgressBar on, say, "Progress" column in the datagrid. How can I access this column for a particular row in datagrid i.e. current file being uploaded.
View 2 RepliesTried
col.setStyle('percentWidth',20) //doesn't work
col.setStyle('percentWidth',0.2)//doesn't work
&&
col.percentWidth //doesnt compile
Where col is one of the columns in a datagrid.
I wanted to ask if there is a possibility to have both strings and radiobuttons in one column depending on the value of another column perhaps|column1 | column 2 | |r | radiobutton||s | string |If there is an r in column 1 in column2 should appear a radiobutton, otherwise column 2 just shows a string.
View 2 RepliesI have an array like the following one
public var sal:Array=[
{empNo:1001, sal:1000, exp:400},
{empNo:1002, sal:3000, exp:240},
{empNo:1003, sal:1000, exp:452},
{empNo:1004, sal:5000, exp:348},
......
{empNo:1550, sal:2000, exp:330},
];
I need to show data using a 3 row flex data grid where the first row will display empNo, the second row will display corresponding salary(field sal), and the third row will display Expenditure (field exp).
How would I find the maximum value in a specific column in a Flex DataGrid?
View 2 RepliesI have a column in a data grid that has the values of "Monday", "Tuesday" etc, as varchars, and I wanted to know, how do i sort the column to be in the correct order. Doing a normal sort doesnt work obviously, as the days are not alphabetically ordered naturally (Wed after Thurs). I am assuming some sort of itemrenderer, but anyone got a snippet of code to illustrate how this would work?
View 1 RepliesIn flex, I have a datagrid with 22 columns. I initially display all the columns. The width of each column right is uniform. Now when i change the visiblity of a few columns, the width of each column varies. How do i maintain a uniform column width for each column whether or not there are any invisible columns? how do i get the count of number of visible columns. the ColumnCount property returns total number of columns and not the number of visible ones.
View 3 RepliesIs it possible to call the function by using the datagrid column item?I want to call the function while the user click the particular column item in the datagrid?
View 1 RepliesI am trying to make only one of the columns of a datagrid as sortable using flex 3. but using sortableColumns all the columns change their property.
View 2 RepliesI have a datagrid with three columns.In one column I have to add all the values and display the total value.
View 1 RepliesIn the below example I has called the OptimizeDataGrid method on Button Click event to resize the Column according to the data. whereas on the First Time of the Button Click event It called the function whereas the Datagrdi Column width alone is not set properly.whereas on second time it is working properly.For Eg : In the below statement the text value is coming as 55 and widthPadding is comes as 25. but the sum of these two value is not in the dg.columns[col].width.
dg.columns[col].width = text + widthPadding;
But the same is working on the second time of the Button click event.
<mx:Script>
<![CDATA[
import mx.utils.ObjectUtil;[code].....
I need to format the column with a currency formatter. I know how to do currency formatting I just need an example on how to implement it into the datagrid column.
View 2 RepliesThere are several ArrayCollections and DataGrid in my application. Number of ArrayCollections determined by the input data. How to create own dataprovider for each DataGrid column?
View 1 RepliesI have a advanced datagrid label function like this:
private function dgFormat(item:Object, column:AdvancedDataGridColumn):String{
var v3:int = item.value1 - item.value2;
return "Total: " + v3;
}
How can I change the text color of v3 dynamically? I want it to be red if it's less than zero & black otherwise.
How can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 Replies