Progressbar in Datagrid Example
January 11, 2010
Line Break
Author: Roelof (11 Articles) - Author Website
Roelof is a SAP Consultant specialized in Front-End development. In his spare free time he is either developing on the web, playing basketball, watching soccer, travelling or just being lazy. He is also the co-owner of Flex-Blog.com.
In the comments of our previous post about using the ProgressBar, one of our readers asked if a ProgressBar could be used inside a DataGrid.
This is, ofcourse, possible. So we decided to write an example about this.
Read more
Drag and Drop from DataGrid or AdvancedDataGrid to Tree
December 16, 2009
Line Break
Author: Arjan (34 Articles) - Author Website
Arjan is a SAP Consultant specialized in ABAP and Front End development techniques like Web Dynpro, Adobe Interactive Forms, Flex and AIR. In his free time he likes to create examples for Flex-Blog and other applications using Flex, AIR and PHP. Other hobbies are movies and music. He is also the co-owner of Flex-Blog.com.
One of the coolest things in Flex is the ability to create Drag and Drop operations very easily. For List base controls like the List and DataGrid / AdvancedDataGrid, it works out of the box, just set the dragEnabled property of the source and the dropEnabled property of the other and it’s already working. Dragging and Dropping to a Tree however, does not work by simply setting the dropEnabled property. The following example shows you how you can drag items from a DataGrid / AdvancedDataGrid to a Tree.
ArrayCollection Filter Example
November 17, 2009
Line Break
Author: Roelof (11 Articles) - Author Website
Roelof is a SAP Consultant specialized in Front-End development. In his spare free time he is either developing on the web, playing basketball, watching soccer, travelling or just being lazy. He is also the co-owner of Flex-Blog.com.
This example is all about filtering an ArrayCollection in a DataGrid. We will filter the ArrayCollection using the input from the TextInput field, the value entered as the datagrid values are translated to lower case.
Image as Button in a DataGrid
February 14, 2009
Line Break
Author: Arjan (34 Articles) - Author Website
Arjan is a SAP Consultant specialized in ABAP and Front End development techniques like Web Dynpro, Adobe Interactive Forms, Flex and AIR. In his free time he likes to create examples for Flex-Blog and other applications using Flex, AIR and PHP. Other hobbies are movies and music. He is also the co-owner of Flex-Blog.com.
Just as the MouseWheel controlled slider idea, I had this idea when I was working on my flex MP3 player as well. I wanted to give the user the possibility to add tracks to a playlist by clicking a small plus icon in a DataGrid. There are a couple of things that have to be done to achieve this:
- Use an itemRenderer to show an Image instead of text
- Put the image in button mode so that it can be clicked
- Put an event handler on the click or double-click event of the image
- Code the event handler
Images in DataGrid depending on data
February 13, 2009
Line Break
Author: Arjan (34 Articles) - Author Website
Arjan is a SAP Consultant specialized in ABAP and Front End development techniques like Web Dynpro, Adobe Interactive Forms, Flex and AIR. In his free time he likes to create examples for Flex-Blog and other applications using Flex, AIR and PHP. Other hobbies are movies and music. He is also the co-owner of Flex-Blog.com.
Flex DataGrids are usually used to give the user some overview of data. Sometimes we want to use a certain value in the data to describe something else (derive a value from the data).
For example, we want to display if a product is in stock yes or no using the following data:
Flex Blog Readers
Testing..
-
Recent Posts
- How to make a magnetic button in Flex 4
- Using ASDoc as an External Tool in Flash Builder 4
- Flex Encryption (MD5, SHA1, SHA224, SHA256, HMAC)
- The SWIZ framework for Flex 3 / Flex 4: Easy, Light and Very Powerfull
- Call Javascript function from Flex / Flash Builder (AS3)
- Flex FlashVars in AS3 Example
- Data Dependant Tree Icon with Tree in AdvancedDataGrid with iconFunction
- WordPress Flash / Flex Comments Form
- Adobe AIR SQLite Example
- Flex 4 Effect Example: Sliding text using the Move Effect
