Yes, I got it working too.
Thanks.
--- In [email protected], "Yves Riel" <r...@...> wrote:
>
> Works fine for me. You probably have another issue in there. This is
> what I had for item renderer. The other classes were not touched.
>
> package
> {
> import mx.controls.treeClasses.*;
> public class treeRendererFilter extends TreeItemRenderer
> {
> private var _oTreeListData:TreeListData;
> public var filter:customerReportingFilter = null;
>
> public function treeRendererFilter()
> {
> super();
> }
> override public function set data(value:Object):void
> {
> super.data = value;
> _oTreeListData = TreeListData(super.listData);
> }
> override protected function createChildren():void
> {
> super.createChildren();
> filter = new customerReportingFilter();
> filter.width = 200;
> addChild(filter);
> validateDisplayList();
> }
>
> override protected function updateDisplayList(unscaledWidth:Number,
> unscaledHeight:Number):void {
> super.updateDisplayList(unscaledWidth, unscaledHeight);
> label.width -= filter.width;
> filter.x = label.x + label.width;
> }
> }
> }
>
>
> ________________________________
>
> From: [email protected] [mailto:[email protected]] On
> Behalf Of markgoldin_2000
> Sent: Wednesday, April 29, 2009 9:57 AM
> To: [email protected]
> Subject: [flexcoders] Re: Tree custom renderer
>
>
>
>
>
>
> "Not so fast" :)
> My item renderer with additional objects is shown properly. But the
> whole tree is not working they way it should. First, open/close symbol
> for the top "folder" node is shown now on a far right side, while it
> should be on a left. Second, when I open and close it, my special item
> renderer gets messed up.
> Any idea?
>
> Thanks
>
> --- In [email protected] <mailto:flexcoders%40yahoogroups.com>
> , "markgoldin_2000" <markgoldin_2000@> wrote:
> >
> > Yep, that was it, thanks!
> > --- In [email protected]
> <mailto:flexcoders%40yahoogroups.com> , "Yves Riel" <riel@> wrote:
> > >
> > > In your treeRendererFilter class, override the updateDisplayList
> method.
> > > In there, set the position of your customerReportingFilter based on
> the
> > > "label" property. Be careful since the "label" property, in the base
> > > class, is made to be the entire lenght of the item renderer minus
> the
> > > icons. So, you want to calculate the size of your
> > > customerReportingFilter component, in the measure function, and in
> the
> > > updateDisplayList function, you do something like:
> > >
> > > override protected function updateDisplayList(unscaledWidth:Number,
> > > unscaledHeight:Number):void {
> > > super.updateDisplayList(unscaledWidth, unscaledHeight);
> > > label.width -= filter.width;
> > > filter.x = label.x + label.width;
> > > }
> > >
> > > where filter is you customerReportingFilter.
> > >
> > > Yves
> > > ________________________________
> > >
> > > From: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> [mailto:[email protected] <mailto:flexcoders%40yahoogroups.com>
> ] On
> > > Behalf Of markgoldin_2000
> > > Sent: Tuesday, April 28, 2009 7:17 PM
> > > To: [email protected] <mailto:flexcoders%40yahoogroups.com>
>
> > > Subject: [flexcoders] Re: Tree custom renderer
> > >
> > >
> > >
> > >
> > >
> > > Actually it adds it behind the label. I have spent some time trying
> to
> > > tweak it with no success.
> > > Anybody, any idea?
> > >
> > > --- In [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> <mailto:flexcoders%40yahoogroups.com>
> > > , "markgoldin_2000" <markgoldin_2000@> wrote:
> > > >
> > > > Yes, that was a problem to show an additional component.
> > > > Now when I see it, I realize that it's going to be added in a
> front of
> > > a node text, while I want it to be after. How to do that?
> > > >
> > > > --- In [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com> , "Tracy Spratt" <tracy@>
> wrote:
> > > > >
> > > > > One thing to watch for is that manual instantiation does not
> always
> > > set a
> > > > > default height and width. Explicitly set these to see if the
> child
> > > controls
> > > > > display
> > > > >
> > > > >
> > > > >
> > > > > Tracy Spratt,
> > > > >
> > > > > Lariat Services, development services available
> > > > >
> > > > > _____
> > > > >
> > > > > From: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com>
> > > [mailto:[email protected]
> <mailto:flexcoders%40yahoogroups.com>
> <mailto:flexcoders%40yahoogroups.com>
> > > ] On
> > > > > Behalf Of markgoldin_2000
> > > > > Sent: Tuesday, April 28, 2009 3:54 PM
> > > > > To: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> <mailto:flexcoders%40yahoogroups.com>
> > >
> > > > > Subject: [flexcoders] Re: Tree custom renderer
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > Thanks, Tracy, I have looked into your example.
> > > > >
> > > > > Here is what I got so far. It compiles fine, but when it runs I
> dont
> > > see
> > > > > anything except regular nodes with a text.
> > > > >
> > > > > package
> > > > > {
> > > > > import mx.controls.treeClasses.*;
> > > > > public class treeRendererFilter extends TreeItemRenderer
> > > > > {
> > > > > private var _oTreeListData:TreeListData;
> > > > > public function treeRendererFilter()
> > > > > {
> > > > > super();
> > > > > }
> > > > > override public function set data(value:Object):void
> > > > > {
> > > > > super.data = value;
> > > > > _oTreeListData = TreeListData(super.listData);
> > > > > }
> > > > > override protected function createChildren():void
> > > > > {
> > > > > super.createChildren();
> > > > > var filter:customerReportingFilter = new
> customerReportingFilter();
> > > > > addChild(filter);
> > > > > validateDisplayList();
> > > > > }
> > > > > }
> > > > > }
> > > > > //customerReportingFilter
> > > > > <?xml version="1.0" encoding="utf-8"?>
> > > > > <mx:FormItem xmlns:mx="http://www.adobe.
> > > <http://www.adobe.com/2006/mxml <http://www.adobe.com/2006/mxml>
> <http://www.adobe.com/2006/mxml <http://www.adobe.com/2006/mxml> > >
> > > > > com/2006/mxml" height="22"
> > > > > direction="horizontal" visible="true">
> > > > > <mx:HBox>
> > > > > <mx:RadioButtonGroup id="reportfilter"/>
> > > > > <mx:RadioButton label="Button 1" groupName="reportfilter"/>
> > > > > <mx:RadioButton label="Button 2" groupName="reportfilter"/>
> > > > > </mx:HBox>
> > > > > </mx:FormItem>
> > > > >
> > > > > // tree definition
> > > > > <mx:Tree id="customerServiceTree" fontSize="11" width="100%"
> > > height="99%"
> > > > > labelField="@name" textAlign="left"
> > > itemRenderer="treeRendererFilter"
> > > > > creationComplete="userNavigation(Number(category4.name),
> > > > > customerServiceTree)"
> > > > > itemClick="itemClickEvt(event);"
> > > > > showRoot="false" borderStyle="solid" borderThickness="1">
> > > > > </mx:Tree>
> > > > >
> > > > > --- In flexcod...@yahoogro <mailto:flexcoders%40yahoogroups.com>
> > > ups.com,
> > > > > "Tracy Spratt" <tracy@> wrote:
> > > > > >
> > > > > > I have an example on www.cflex.net <http://www.cflex.
> > > > > <http://www.cflex.net/ <http://www.cflex.net/>
> <http://www.cflex.net/ <http://www.cflex.net/> > > net/> that extends
> > > > > > TreeItemRenderer and adds the tree sibling lines. It might be
> a
> > > good
> > > > > > starting point.
> > > > > >
> > > > > >
> > > > > >
> > > > > > Tracy Spratt,
> > > > > >
> > > > > > Lariat Services, development services available
> > > > > >
> > > > > > _____
> > > > > >
> > > > > > From: flexcod...@yahoogro
> <mailto:flexcoders%40yahoogroups.com>
> > > ups.com
> > > > > [mailto:flexcod...@yahoogro
> <mailto:flexcoders%40yahoogroups.com>
> > > ups.com]
> > > > > On
> > > > > > Behalf Of markgoldin_2000
> > > > > > Sent: Tuesday, April 28, 2009 2:42 PM
> > > > > > To: flexcod...@yahoogro <mailto:flexcoders%40yahoogroups.com>
> > > ups.com
> > > > > > Subject: [flexcoders] Tree custom renderer
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > > I am looking for design ideas to extend an item renderer for a
> > > tree
> > > > > control.
> > > > > > Specifically, I want to have a node that would show a regular
> > > label for
> > > > > its
> > > > > > name plus a radiogroup with 3-4 radio buttons shown
> horizontally
> > > with a
> > > > > > node. So, the user can specify some filters for an upcoming
> > > interface when
> > > > > > he selects a node.
> > > > > >
> > > > > > Any clue?
> > > > > >
> > > > > > Thanks
> > > > > >
> > > > >
> > > >
> > >
> >
>
