Has anyone coded a datagrid component so that the column widths adjust to match the length of the longest element in each one? I know how to set the width of a column to a specific pixel value, but how to go about calculating the width required for each cell? Obviously this depends on font choice and the number of characters I'm trying to display.
View 1 RepliesWhenever you resize a datagrid by hand (not via code), the last column seems to retain most of the width. What's worse, whenever you extend it and shrink it to a large degree, the other columns can get smushed. Here's a perfect example: The ideal solution would distribute width equally or in proportion to the length of the text. In addition, if would avoid covering text when it's not necessary. Now, setting the width to 0.5 in the example above does seem to alleviate the issue, but not prevent it entirely. What I'd also like to know if there are any well polished, custom datagrids out there that solve this. From trying to find a solution, I suspect the only solutions available are more ad-hoc.
View 1 RepliesI have a DataGrid and I am manually setting the widths of the columns and they are working when i test through the flash application but in the browsers my column widths are not being set at all?
View 2 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.
I have a datagrid with some custom renderrers and I'm just curious how I should approach the ability to freeze and always show the left 3 most columns at all times when scrolling left/right.
I thought that I might have to resort to 2 datagrids, side-by-side, the first showing the 3 columns that I want at all times, and the ability to scroll the rest. Only issue then I guess is linking the row selection to select that row in both and to tie the column sorts together...
Or would it be better to try and take columns 4+ and shrink their width to 0 as a person scrolls right, and then increase it back to the max width as they scroll left? Though that would cause funny issues to happen as the content of the datagrid would get smaller and smaller until you were 100% to the right and the scrollbar would disappear.
I have 3 textfields. they're in a sprite container. 1. date 2. pipe_mc movieclip 3. title field. I need to set it so that the textfield/mc/textfield;s x property changes dynamically when a shorter or longer date gets added into the field, via XML.
[Code]....
i have a dilemma. i want to create dynamic buttons that arrange itself spaced horizontally and im having a hard time getting it to read the width of the text inside the button.For example, each of those buttons are being referenced in the library and its text placed dynamically. How do I get it to read the length of "Home" so I can dynamically create the Menu button and so forth on the _x axis?Home / Menu / About Us / Contact I'm currently trying maxhscroll to read its width, but its not accurate at all once I embed a font to the dynamic text field.
View 2 RepliesI have done some research and am unable to find anyone who has any sample code on how to apply consistent spacing between movie clips that are different widths. Below is the code I have so far. I have set the inital x position to be the same as another object on the stage. What am I missing? I need another pair of eyes. I am disappointed that we can't access clips the same way as we did in ActionScript 2.0 where we could refer to the previous clip's x position or y position and adjust them accordingly. Bad Adobe for not documenting or giving examples on more complicated scenarios for real life work. example has to be in a for loop from AS 2:
ActionScript Code:
this["whichClip"+i+"_mc"].x = this["whichClip"+(i-1)+"_mc"].x+this["whichClip"+(i-1)+"_mc"].width;
[code]....
In AS2, we can get it using myDataGird.columnNamesHow about AS3?
View 1 RepliesI wanted to put a checkbox in one of the column of the datagrid. I tried using the cell renderer and could get a column with check box. But the problem is I want the datagrid for touchscreen and it should have multi selection enabled. As I select one check box the previously check box gets cleared. Pressing down the ctrl key do the job but in touchScreen that cannot be done. I read some posts in google where it was said that generating false CTRL press event. I have attached the cellrenderer for the checkbox that I have used.
Attachments: checkBoxCellRenderer.txt (1.7 K)
dg.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?
How to highlight the data grid column?
View 1 RepliesWe 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 often populate my datagrids with a recordset, an array of record objects, by passing the recordset in the dataprovider constructor. However, this results in unpredictable column ordering i.e. it doesn't correspond to the order of the fields in the record object. I know you can define the columns and then use add item to add the records to resolve this, but I'm curious why the datagrid doesn't order the columns according to the record object field order in the first place and why the order can actually change between renderings of the datagrid?
View 2 RepliesI 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 Replies