每个父节点末尾的树中的链接按钮 [英] Link button in tree at end of each parent node

问题描述

我需要在每个父节点的末尾有链接按钮，如下所示

I need to have link buttons at end of each parent node as shown below

-->(父)IBM 机器(重命名 | 删除 | 禁用)

-->(Parent)IBM Machines (rename | delete | disable)

孩子 1 孩子 2 孩子 3

Child 1 Child 2 Child 3

-->(Parent)Sony ( 重命名 | 删除 | 禁用)

-->(Parent)Sony ( rename | delete | disable)

孩子 1 孩子 2 孩子 3

Child 1 Child 2 Child 3

重命名、删除和禁用应该是链接按钮.我也尝试过标签功能和其他方法，但无法获得确切的要求.请帮助我如何实现这一目标.

rename ,delete and diasble are supposed to be link buttons. I have tried with label function and other methods also but not able get the exact requrement. Please help me as how to achieve this.

推荐答案

使用 ItemRendrer，示例(包括树)可以在使用带有树控件的项目渲染器

Use ItemRendrer, examples (including tree) can be found at Using an item renderer with a Tree control

编辑另请参阅示例:Flex Checkbox TreeItemRenderer

希望有帮助

编辑请使用以下ItemRendrer

EDIT Please use following ItemRendrer

package
{
    import mx.controls.LinkButton;
    import mx.controls.treeClasses.*;

    public class LinkButtonTreeItemRenderer extends TreeItemRenderer{

        public var lnkRename:LinkButton;
        public var lnkDelete:LinkButton;
        public var lnkDisable:LinkButton;

        public function LinkButtonTreeItemRenderer(){
            super();
        }

        override protected function createChildren():void{
            super.createChildren();


            lnkRename= new LinkButton();
            lnkRename.label = "rename";
            lnkRename.visible = true;

            addChild(lnkRename);

            lnkDelete= new LinkButton();
            lnkDelete.label = "delete";
            lnkDelete.visible = true;

            addChild(lnkDelete);

            lnkDisable= new LinkButton();
            lnkDisable.label = "disable";
            lnkDisable.visible = true;

            addChild(lnkDisable);


        }

        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{
            super.updateDisplayList(unscaledWidth,unscaledHeight);


                 lnkRename.x = label.x + label.textWidth+10;
                 lnkRename.width = 55;
                 lnkRename.height = 20;


                 lnkDelete.x = lnkRename.x + lnkRename.width;
                 lnkDelete.width = 55;
                 lnkDelete.height = 20;

                 lnkDisable.x = lnkDelete.x + lnkDelete.width;
                 lnkDisable.width = 55;
                 lnkDisable.height = 20;

                 //this.width= 250;



        }


    }
}

这篇关于每个父节点末尾的树中的链接按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！