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

问题描述

$ b

- >（Parent）IBM Machines（重命名|删除|禁用）

（更名|删除|禁用）

p>

孩子1孩子2孩子3

重命名，删除和diasble应该是链接按钮。我也尝试过使用标签功能和其他方法，但无法得到确切的要求。请帮助我如何实现这一点。使用ItemRendrer，例子（包括树）可以在
找到使用具有Tree控件的项目渲染器

编辑另请参阅示例： Flex复选框TreeItemRenderer

希望有帮助

编辑请使用以下ItemRendrer

  package 
 {
 import mx.controls.LinkBut​​ton; 
导入mx.controls.treeClasses。*; 
 
 public class LinkBut​​tonTreeItemRenderer extends TreeItemRenderer {
 
 public var lnkRename：LinkBut​​ton; 
 public var lnkDelete：LinkBut​​ton; 
 public var lnkDisable：LinkBut​​ton; 
 
 public function LinkBut​​tonTreeItemRenderer（）{
 super（）; 
 
 
覆盖保护函数createChildren（）：void {
 super.createChildren（）; 
 
 
 lnkRename = new LinkBut​​ton（）; 
 lnkRename.label =重命名; 
 lnkRename.visible = true; 
 
 addChild（lnkRename）; 
 
 lnkDelete = new LinkBut​​ton（）; 
 lnkDelete.label =delete; 
 lnkDelete.visible = true; 
 
 addChild（lnkDelete）; 
 
 lnkDisable = new LinkBut​​ton（）; 
 lnkDisable.label =disable; 
 lnkDisable.visible = true; 
 
 addChild（lnkDisable）; 
 
 
 
 $ b保护函数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; 
 
 
 $ b} 
 
 
} 
} 
  

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

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

Child 1 Child 2 Child 3

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

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.

解决方案

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

EDIT Please also see sample : Flex Checkbox TreeItemRenderer

Hopes that helps

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屋！