Flex :: 3 - Row Based Rendering In Datagrid
Sep 8, 2010I need to have custom rendering of each row in my datagrid. It is column based by default. Is there some way to achieve this?
View 1 RepliesI need to have custom rendering of each row in my datagrid. It is column based by default. Is there some way to achieve this?
View 1 Replies[Code]...
How to get all checked items into one more new array?
i 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 a datagrid which displays details for a product. For a particular product i need to display its Id current status(Available/ Not) and which category it belongs to. The category part is a bit different from what it seems to be like. Product A can belong to Category A, B and C while product B belongs A ,c and D and so on. Structure of this table would be something like The category columns are retrieved from database and passed as parameter to construct the columns dynamically in Datagrid. I have defined the following Datastructure on UI to handle this.
Product{
var productId:String;
var productName:String;
var status:String;
var categoryList:ArrayCollection;
}
I am not sure if this will be able to solve my problem. I think I will need to have a Map containing category Names and if it is applicable for that product.
I have a DataGrid in Flex, with one column a checkbox and another a numeric value. When the checkbox is clicked, the numeric value should change, either to 0 if the checkbox is unselected, or to a pre-defined minimum value if the checkbox is selected. Here is the code I have:
<mx:DataGrid x="0" y="45" width="272" height="525" dataProvider="{dp}" variableRowHeight="true" editable="true" id="equipmentDG" verticalAlign="middle">
<mx:columns>
<mx:DataGridColumn headerText="" headerStyleName="gridheader" width="20" dataField="included" editorDataField="selected" rendererIsEditor="true">
[Code]...
The value updates in the data (I can see it when I close and open the dialog this is in), but it doesn't update instantly in the data grid. How can I make the value visibly change as soon as the checkbox is clicked?
I have a datagrid with an location and a list of activities Birdwatching, Boating, Camping. The datagrid is populated based on either a simple yes or no if the activity is offered at that location. I want to replace the yes / no with a separate image for each activity. I created a imagerender and I'm able to get the image to change but only to the birdwatching image. My question is, how can I get it to loop through that datagrid and display image according to the value?
[Code]...
I've search all over today trying to find how to do this, and not being familiar with actionscript is starting to catch up to me. What I would like to accomplish is: I have a list of messages in a Datagrid coming from a dataprovider in another class, which in turn gets them from our Oracle DB. I need to all the user to set a visible state on the message, and then filter that out of the datagrid with the click of a button. I have the check box for hide, and it sets that value into the database. I can't figure out how to get the filterFunction to work with an array collection when the filter parameter is within the row data.Here is the code
public function filterResults():void {
modelLocator.notification.messageList.filterFunction = filterRows;
modelLocator.notification.messageList.refresh();
[code]....
I am trying to build a experimental interface (menu, text etc) which is based on a fine grid of points, on which i try to render custom fonts and shapes, by connecting the dots. I would store coordinates for characters (O consists of 4 lines for instance) and render them in an animation line by line, character by character.(this non interactive version is my first step)My question is, what would be the best way to store such a font collection, and execute the above. Any Thoughts? all ideas are welcome
View 1 Replieswhen I select an item from my combobox, the selected value in shown in the textInput on the same row in the datagrid. Basically I need some some in the change handler of the combobox I suppose.
HTML Code:
<mx:DataGrid id="myDG" rowHeight="25" dataProvider="{my_arrayColl}" width="100%" height="205" chromeColor="#D0CCAF" headerHeight="0" showHeaders="false">
<mx:columns>
[code]....
how use a button (or movieclip) to filter information out of a datagrid based on an external XML document. For example, say, the data were types of fruit along with their corresponding prices, but the user was only interested in the price of apples. To see only those records or rows with apples and the corresponding apple prices, the user would press the "Apples" button.
Creating the datagrid seems pretty straight forward, it's just the second part that's stumped me. Whatever the answer is would seem to go at the end where the "trace" is now. There seems to be many, many Web sites that sort of touch on this subject.I typed of the following from memory (I'm at work now), but I think this is pretty much what I have so far.
import fl.controls.dataGridClasses.DataGridColumn;import fl.data.DataProvider;
var food:XML;var urlLoader:URLLoader;var urlRequest:URLRequest = new URLRequest("food_list.xml");urlLoader = new URLLoader();urlLoader.load(urlRequest);[code].............
I've added an eventListener to the COLLECTION_CHANGE event that is fired when the grid is finished resorting the items in its dataProvider, after the user clicks on a column header:MyType (myDataGrid.dataProvider).addEventListener(CollectionEvent.COLLECTION_CHANGE,onDataGridResort);
View 1 RepliesI 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]......
From this (normal dataGrid)
into this (horisontal data grid)
How to turn Flex MXML DataGrid into something like Horisontal DataGrid? (may be some how with Flash builder 4?)
Keeping all stuff DataGrid has like eating data from data provider sortind dragging - droping items etc
I have two datagrids:
- Division
- Members
Both have single columns. Selecting one item from Divsions datagrid should display members of that Division in the Members datagrid. But following code has some problem and Members of a particular division do not show up when respective Divsion is clicked.
Following are some snippets of the related code. Hope someone can spot an error in it.
[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'm using a lineseries chart, but it gets fairly slow to re-render when I add a new point when the total # of points is ~1200 points. Granted, this is running on a fairly slow PC (~600 MHz). Reading the Flex documentation on how to speed up rendering (turning off dropshadows, turning off filterData, etc...) doesnt seem to help. I bound my chart to an ArrayCollection (rather than the array I used before which I manually updated) and it doesnt seem to be any faster. Adobe's documentation seems to have me believe that the Chart looks only at what changed since the last time it was updated, but i'm only adding one point!
If their info is correct, why does it take significantly longer (5 seconds) to update one point when I have ~1200 points then when I only have 2 points (instantaneous)? FYI - When I add a new point to my ArrayCollection, I have to do a "AC.refresh()" to get the DataBinding to pick up the new data.
Has anyone seen rendering glitches with Papervision?
seee the flash movie at [URL].. which demonstrates the problem.
Is there a way to prevent a component from rendering in Flex (to save memory or processing power)?[code]...
View 3 RepliesI have a component that has a sub-component they both use a shared variable from the model. The shared variable needs to be set by the parent component before it can be used by the child component. I did like this in the parent component:
<mx:Canvas
xmlns:mx="library://ns.adobe.com/flex/mx"
...
creationComplete="group1_completeHandler(event)" >
[Code]....
But for some reason when the code inside myCustomComponent tries to use myVariable for the first time I get a "null" object error. This means I guess that the child component gets rendered before the group1_activateHandler gets called and consequently myVariable gets set.
What should I do to ensure that the parent container initializes the variable before the child component gets created?
I'm currently upgrading an app from Flex 4.1 to 4.5.We've noticed that the Arial font is rendered differently between the two versions when used at small sizes.Here's a simple app example:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"[code]....
When run against the 2 different sdks, here's an image of the font rendering we get:
Note that in 4.5 the font looks slightly squashed.
What's the cause of this, and how do we resolve it?
I have created a MyTreeItemrenderer extending TreeItemrenderer.
However, I do not want any label, folder, disclosure icon nor icon. I want to dispaly every node of the tree with my own graphic like eg: a line, round image etc.,
Is there a way to create a BarChart (in the background) without adding it to the current view? I basically have a chart that I need to convert to an image and add it to a PDF report (using AlivePDF).
View 1 RepliesI'm using a spark list to render data which I get from a web service.is there an event which fires after the list has finished rendering all the data ?I want to show a loading image to the user until the list finishes.
View 2 RepliesI have a TextInput control which has a search functionality for the people in the system.It works fine. All I need is to style it in such a way that, it will be having search image on the right, which when clicked, will search. Its actually for look and feel part of the application, which will make the search box look much better.
It is exactly similar behavior implemented in search box embedded in Firefox.
In my mxml file, I'm doing some calculations in the script tag, and binding them to a custom component.
<fx:Script>
<![CDATA[
[Bindable] public var calc1:Number;
[code].....
I have an mx:TileList which is bound to an ArrayCollection.I have some code that displays a "Loading..." message before modifying the ArracyCollection and some code after that hides the loading message.For small data sets, it works fine. However, I noticed with an array size of about 50~ and larger, flex will hide my loading message before the TileList is finished rendering the new data and I'm left with a blank screen for an odd second.Is there an event I can listen to that is called after the TileList is finished re-rendering? Code looks something like this:
loading_message.visible = true;
for each (var x:Object in new_data) {
tile_list_data.append(x); // bound to my_tile_list component[code]..........
In this example, loading_message appear, disappear, and then the flex app will lag before finally revealing the updated TileList.
The dataProvider for my grid contains several objects. Some of which have a Number value, and some Boolean values under field 'value' (other fields are used in other columns).I would like to be able to render differently for each data-type, i.e. have a checkBox for booleans, and a label for numbers. Furthermore, I would like to be able to edit these fields differently, unchecking the checkbox for booleans, and using a numericStepper for Numbers.
Just FYI, I decided to go with AdvancedDataGrid, to take advantage of the styleFunction property, nothing more..Tried to used spark-states, which didn't seem to work as I'm using an AdvancedDataGrid. I'm not sure what the problem was.
Beginner Question: I am using the IFrame Component for Flex in Flex 4. The code below works when it is put at the top of the scrolling area. However, if I put it where it below the viewable area it will not render. I am a complete beginner to Flex. The interesting thing is when I resize the window while the HBox is in view, the Iframe will load. But scrolling to it will not. Below is my code. I have made sure everything is visible=true but it seems like I need to add a listener or somehow trick it to think that the window has been resized to get it to render. Anyone with an idea how to fix this?
[Code]...
Not able to setting height of row in AdvancedDataGrid using custom AdvancedDataGridRendererProvider datagrid renderer.
Snapcode as here
<mx:AdvancedDataGrid id="docId"
visible="true"
width="100%" height="100%"
[Code].....
Is there a way to detect when a BarChart finishes rendering? I am trying to add a snapshot of the BarChart to a PDF file but before doing this I need to wait until the BarChart has finished loading.
View 1 Replies