Ted Patrick - Demos & MAX @ Adobe Systems
Note: This is the personal blog of Ted Patrick. The opinions and statements voiced here are my own.
Filtering UI Data in Flex
DIGG IT!
4
Comments
Published
Friday, July 14, 2006
at
8:42 AM
.
There is a very useful UI pattern emerging for RIA applications in terms of filtering results. Basically as a user enters data and results are filtered in real time. I have seen many cases of this recently in several applications and thought highlighting a few would be useful.Slider Based Filtering:
HomeLocator by ASFusion
Flex Store(view Products)
Text Input Filtering:
YouTube.com Live Search by Kirk Ballou
FlexJax Search (php/mysql) $$
Search Grid Component by Uday M. Shankar
Apollo Tunes by Mike Chambers
What I find interesting about these examples is that filtering simplifies the amount of visible data. Filtering removes irrelevant data from view and allows the end user to focus and work within the remaining data. The slider model allows you to set high and low bounds on the viewed dataset and the text input provides search results. It will be interesting to see changes to this pattern as we see many Flex applications appear publicly.
More to come!
Next post is "Custom Pre-loaders for Flex 2"!
Ted :)
4 Responses to “Filtering UI Data in Flex”
Post a CommentWhere to find me:
Ted on Twitter - @AdobeTed
Ted on Adobe Groups
Ted on LinkedIn
Ted on Facebook
Ted at Adobe
Latest
- FlexComponents Discussion List
- TagTV - A Media Mashup for Mashup University!
- Adobe Component Developer Summit - Apollo by Mike ...
- Update Flash Detection Scripts to support Flash Pl...
- Flex.org - Official Website Button
- Adobe Component Developer Summit - Slides and Exam...
- Flex Components - Visualization Explorer by Ben St...
- Flex 2 Launch Articles and Blog Posts
- LiveDocs - Flex 2 Language Reference
- FLEX.ORG - The Directory for Flex
Lists
Links
Jobs
Flex JobsArchives
- May 2003
- June 2003
- July 2003
- August 2003
- September 2003
- October 2003
- November 2003
- December 2003
- January 2004
- February 2004
- March 2004
- April 2004
- May 2004
- June 2004
- July 2004
- August 2004
- September 2004
- October 2004
- November 2004
- December 2004
- January 2005
- February 2005
- March 2005
- April 2005
- May 2005
- June 2005
- July 2005
- August 2005
- September 2005
- October 2005
- November 2005
- December 2005
- January 2006
- February 2006
- March 2006
- April 2006
- May 2006
- June 2006
- July 2006
- August 2006
- September 2006
- October 2006
- November 2006
- December 2006
- January 2007
- February 2007
- March 2007
- April 2007
- May 2007
- June 2007
- July 2007
- August 2007
- September 2007
- October 2007
- November 2007
- December 2007
- January 2008
- February 2008
- March 2008
- April 2008
- May 2008
- June 2008
- July 2008
- August 2008
- September 2008
- October 2008
- November 2008
- December 2008
- January 2009
- February 2009
- March 2009
- April 2009
- May 2009
- June 2009
- July 2009
- August 2009
- September 2009
- October 2009
- November 2009
I have done this in Prototype (which has the handy formobserver class), and am poking around with tying to to Spry master/detail regions, now that Spry is compatible with Prototype:
http://www.pasa-online.org/volunteers/p1.cfm
Hi Ted,
We found that this filter data process was a big help even in Flash.
Especially with managing complex data transactions with the server it was easier to take a snapshot of an area of the model and push it to the server for evaluation.
By filtering the data straight to the model using component's change handler you knew that the model already had the most up-to-date values.
I have been contemplating how this process can be enhanced with FDS. Perhaps we can remove the client side model and communicate straight from the component event to the back-end. Maybe we can avoid having to translate server data to a client side model.
Is there a way of easily setting up dataBinding between a ui component and a server Value Object?
Regards,
Bjorn
Hi Ted,
In this post, you had quoted my component and that was very much inspiring and encouraging.
I have updated the searchgrid with a few bells and whistles. :) . its available at http://flexed.wordpress.com/2006/12/26/customgrid-v10-or-searchgrid-v20/ and the demo is @ http://udayms.com/flex/cgrid/UseCustomGrid.html
Cheers.
Hey,
i created a Flex Library (DataFilterLib) that take care of all the filtering process, completly in MXML.
This library is free, you can find the project details there:
http://code.google.com/p/flex-datafilterlib/
If you want to have a look at the examples, they are all there (source available):
http://www.flex-tutorial.fr/DataFilterLib/examples/
Using a few tags, you can easily get rid of the AS3 code of your example.
Check the examples online if you want to see how to filter on multiple criterias, using different Flex UI Components (CheckBox, Slider, List, ...).
Thanks,
Fabien
http://www.flex-tutorial.fr