Support Franto.com

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

It seems that my site got some problem with traffic and is so slow (at least for me), so I want to do anything with that. Change webhost provider, or change it to dedicated server and then provide Flex, AIR, Flash tutorials for anyone who want to learn new Adobe technology. Because this costs money, I’ve create Franto.com Supporters page, when I will list all supportes for my site (PR7). So if you wish support it and let me try to do anything to speed up this site and provide good free tutorials for anyone you can just support this site.

Thanks in advance.

, , , , , , , , ,
AddThis Feed Button

If you like this post, buy me a beer.

2 comments April 29th, 2008 Add to your FavLinks


“Filter results in DataGrid” Flex Tutorial

Table of contents for DataGrid

  1. Custom header in DataGrid
  2. Custom header in DataGrid - part 2
  3. “Filter results in DataGrid” Flex Tutorial

This is new post in my DataGrid Series Flex Tutorials. This tutorial shows you how to filter rows for searched keyword. It's quite easy, since dataProvider for DataGrid is ArrayCollection, and ArrayCollection has variable filterFunction. It simple expect function which will filter correct rows for you. So basically, you have Datagrid and dataProvider is defined like this

PLAIN TEXT
Actionscript:
  1. [Bindable] public var dpRows:ArrayCollection;

then you can create filter function in this simple way:

PLAIN TEXT
Actionscript:
  1. public function filterResults():void
  2.  {
  3.     dpRows.filterFunction = _sortRows;
  4.     dpRows.refresh();
  5. }

and finally function, which filters results. It returns true for row, which will be visible, and false for row which will be hiden.

PLAIN TEXT
Actionscript:
  1. private function _sortRows(item:Object):Boolean
  2. {
  3.             var col:String = cmbCol.selectedItem.data as String;
  4.             var key:String = keyword.text;
  5.            
  6.             key = key.toLowerCase();
  7.            
  8.             if (key != "")
  9.             {
  10.                 if (col != "any")
  11.                 {
  12.                     var value:String = item[col];
  13.                     value = value.toLowerCase();
  14.                    
  15.                     if (value.indexOf(key)>= 0)
  16.                     {
  17.                         return true;
  18.                     }
  19.                 } else {
  20.                     for (var o:String in item)
  21.                     {
  22.                         value = item[o];
  23.                         value = value.toLowerCase();
  24.                         if (value.indexOf(key)>= 0)
  25.                         {
  26.                             return true;
  27.                         }
  28.                     }
  29.                 }
  30.             } else {
  31.                 return true;
  32.             }
  33.            
  34.             return false;
  35. }

It's quite simple tutorial. Here you can see source code for example which follows.

ArrayCollection filterFunction example screenshot

In next tutorial for DataGrid I will show you how you can add Button into cell. We will use custom itemRenderer for DataGridColumn.

If you have any questions, or suggestions for tutorial, please let me know...

Enjoy.

, , , , , , ,
AddThis Feed Button

If you like this post, buy me a beer.

Previous in series

2 comments April 29th, 2008 Add to your FavLinks


Facebook Chat

Today Facebook add chat into its site. You can find it at bottom-right. Very neat Ajax app :) Thanks to Ryan Stewart for notifying me through Twitter. Only thing I'm missing is multi chat, but I think it's matter of time :)

, , , ,
AddThis Feed Button

If you like this post, buy me a beer.

Add comment April 23rd, 2008 Add to your FavLinks

FlexSpy - inspector in your Flex/AIR application

FlexSpy - Flex/AIR debugger
FlexSpy - Kind of what Firebug does for HTML/Ajax applications but for Flex 2.0/3.0 applications.

This is another quick help in Flex/AIR development. If you need component inspector in your application, FlexSpy is great library for you. All you need to do, is add lib into your project (Flex 2 or Flex 3 version) and call
FlexSpy.show(); That's all and you can inspect your classes right in Flash player. You can also change values and change will be reflected in your app. You can also Find Component for inspecting with dragging cursor over component. So download FlexSpy from Google Code and try it. It will help you in your Flex/AIR development.

Live example: http://www.mieuxcoder.com/data/2007/12/FlexSpy-1.2/dashboard.html

, , , , ,
AddThis Feed Button

If you like this post, buy me a beer.

Add comment April 18th, 2008 Add to your FavLinks

Quick Outline in FlexBuilder - Ctrl+O

This is just quick but big help, if you're developing Flex in FlexBuilder. (or Eclipse). Maybe most of you know Quick Outline feature (Ctrl + O shortcut, I'm using Windows, so really do not know other shortcuts for other OS), but I didn't use it before. But after 360Flex conference in Milan I'm using it frequently and it's really big help. For everyone who doesn't know what's Quick Outline, it's exactly like Outline View, but interactive. Just press Ctrl + O and start typing name of function you're looking for. For example you want to find function commitProperties()... just start typing comm and after few strokes, your function is filtered and press Enter. It's really fast way to find your functions :) If you know about another great shortcuts for speeding up your development let us know.

, , , ,
AddThis Feed Button

If you like this post, buy me a beer.

Add comment April 17th, 2008 Add to your FavLinks

Papervision3D resources, tutorials, examples

As I'm back from 360Flexconference in Milan, I'm working on our side project which was done in Sandy. Now I'm trying to convert it to Papervision because of speed. I have to confess I didn't expect it would be so easy. But sure, it's because there are many resources, tutorials, examples and source codes on the net. I can share with you any useful resource I've found.

I will update them as far as I will find anything interesting so check back this post or subscribe to my RSS for other news. If you know about some other great sites about Papervision,l et me know, I will update collection/

, , , ,
AddThis Feed Button

If you like this post, buy me a beer.

4 comments April 16th, 2008 Add to your FavLinks

RedBull Flight Lab

RedBull Flight Lab is very cute Papervision game. You can create your own flying "object" and then try fly with that as long as you can and catch bonuses in the air :) And it has won Site of the month on FWA.

, , ,
AddThis Feed Button

If you like this post, buy me a beer.

Add comment April 16th, 2008 Add to your FavLinks

How to Skin a Flex Video Player Tutorial from Dolores Joya

Dolores Joya has posted great tutorials how to skin a Flex Video Player from scratch. She has created small video tutorials for creating Flex skins from Photoshop. Check it out on her site.

Note from Dolores:

Please note that this lesson is meant to describe the Flex Skinning process only and does NOT cover programming the functionality behind building a working Flex Video Player.

Enjoy

, , ,
AddThis Feed Button

If you like this post, buy me a beer.

1 comment April 10th, 2008 Add to your FavLinks

Previous Posts