Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

AdvancedDataGrid Tree Structure

Posted on 2011-09-07
7
Medium Priority
?
753 Views
Last Modified: 2012-06-27
AdvancedDataGrid Query:
1. As shown in the sample image i need to add multiple filter child nodes dynamically.
Here in this case ClusterBy,FilterComponent,AbstractQuestionSpecification,Operator.
2.For the added child nodes i need show delete button so that i can delete that added node dynamically

Refer the sample image.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.controls.listClasses.IListItemRenderer; 
			
			private function init():void {
				//attributeType.setFocus();
			}
			[Bindable]
			private var student:ArrayCollection = new ArrayCollection(
			[
				{Course:"Filter", children: [
						{Course:"ClusterBy", children:[
								{Course:"AttributeType", Boys:120, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}
							]
						},
						{Course:"FilterComponent", children:[
								{Course:"ClusterAggregateFunction", Boys:120, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}
							]
						},
						{Course:"AbstractQuestionSpecification", children:[
								{Course:"AttributeType", Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0},
								{Course:"NodeColourRegex",Boys:80, TotalStudent:120, PASSinper:95, FAILinper:5},
								{Course:"NavigationStrategyComponentAlias", Boys: 80, TotalStudent:90, PASSinper:97.5, FAILinper:2.5},
								{Course:"Context", children:[
										{Course:"QuestionTypeHandler", children:[
												{Course:"AttributeType",Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0},
												{Course:"Value",Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}
											]
										}
									]
								},
							]
						},
						{Course:"Operator", children:[
								{Course:"FilterComponentOperatorType", Boys: 80, TotalStudent:90, PASSinper:97.5, FAILinper:2.5} 
							] 
						},
					]
				}
			]);
			private function save():void{
				Alert.show("Saved...");
			} 
			private function add():void {
				var item:Object = {};
				if(student.length == 1){
					var course:Object = student.getItemAt(0);
					if(course != null){
						var o:Object;
						o = findCourse(course.children[0], "AttributeType");
						if(o != null)
							item.attributeType = o.Value;							
						
						o = findCourse(course.children[1], "ClusterAggregateFunction");
						if(o != null)
							item.clusterAggregateFunction = o.Value;

						o = findCourse(course.children[2], "AttributeType");
						if(o != null)
							item.abstractAttributeType = o.Value;

						o = findCourse(course.children[2], "NodeColourRegex");
						if(o != null)
							item.nodeColourRegex = o.Value;
						
						o = findCourse(course.children[2], "NavigationStrategyComponentAlias");
						if(o != null)
							item.navigationStrategyComponentAlias = o.Value;
						
						o = findCourse(course.children[2], "Value");
						if(o != null)
							item.value = o.Value;
					}
				
				}
				dg.dataProvider.addItem(item);
				
			}
		
			private function findCourse(parent:Object, name:String):Object{
				for(var i:uint = 0; i < parent.children.length; i++){
					var child:Object = parent.children[i];
					if(child.Course == name){
						return child;
					}else if(child.hasOwnProperty("children")){
						return findCourse(child, name);
					}
				}
				return null;
			}
			
			
		]]>
	</mx:Script>
	<mx:Panel title="Include Filter" height="600" width="699">
		<mx:AdvancedDataGrid id="treeDg" sortExpertMode="true" displayItemsExpanded="true" height="363" x="13" y="13" width="669"
							 defaultLeafIcon="{null}"
							 folderOpenIcon="{null}"
							 folderClosedIcon="{null}">
			<mx:dataProvider>
				<mx:HierarchicalData source="{student}" />
			</mx:dataProvider>
			<mx:columns>
				<mx:AdvancedDataGridColumn dataField="Course" />
				<mx:AdvancedDataGridColumn dataField="Value"> 
					<mx:itemRenderer>
						<mx:Component>
							<mx:Canvas width="100%">
								<mx:Script>
									<![CDATA[
										override public function set data(value:Object):void{
											super.data = value;
											if(data != null)
												ti.text = data.Value;
										}
										
										private function setValue(event:Event):void{
											if(data != null)
												data.Value = event.target.text
										}
									]]>
								</mx:Script>
								<mx:TextInput id="ti" visible="{data.hasOwnProperty('Boys')}" width="98%" change="setValue(event)"/>
							</mx:Canvas>
						</mx:Component>
					</mx:itemRenderer>
				</mx:AdvancedDataGridColumn>
			</mx:columns>
		</mx:AdvancedDataGrid>
		<mx:HBox width="100%" horizontalAlign="right" paddingRight="10" paddingBottom="10">
			<mx:Button label="Add" click="add()"/>
		</mx:HBox>
		<mx:DataGrid id="dg" horizontalCenter="0" verticalCenter="0" dataProvider="[]">
			<mx:columns>
				<mx:DataGridColumn dataField="attributeType"/> 
				<mx:DataGridColumn dataField="clusterAggregateFunction" width="150" /> 
				<mx:DataGridColumn dataField="abstractAttributeType"/>
				<mx:DataGridColumn dataField="nodeColourRegex"/>
				<mx:DataGridColumn dataField="navigationStrategyComponentAlias"/> 
				<mx:DataGridColumn dataField="value"/>
				
			</mx:columns>
		</mx:DataGrid>
		<mx:ControlBar>
			<mx:Spacer width="80%"/>
			<mx:Button paddingRight="20" label="Save" click="save()"/>
		</mx:ControlBar>
	</mx:Panel>
</mx:Application>

Open in new window

Filter.bmp
0
Comment
Question by:alamflex
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
7 Comments
 
LVL 29

Expert Comment

by:dgofman
ID: 36499537
can you describe more about :

" As shown in the sample image i need to add multiple filter child nodes dynamically.
Here in this case ClusterBy,FilterComponent,AbstractQuestionSpecification,Operator."
0
 
LVL 29

Accepted Solution

by:
dgofman earned 2000 total points
ID: 36499870
Are you testing an expert knowledges?

Why you cannot start working yourself?

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            import mx.controls.listClasses.IListItemRenderer;
            import mx.core.mx_internal; 
            
            private function init():void {
                //attributeType.setFocus();
            }
            [Bindable]
            private var student:ArrayCollection = new ArrayCollection(
                [
                    {Course:"Filter", children: [
                        {Course:"ClusterBy", showButtons:true, children:[
                            {Course:"AttributeType", Boys:120, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}
                        ]
                        },
                        {Course:"FilterComponent", children:[
                            {Course:"ClusterAggregateFunction", Boys:120, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}
                        ]
                        },
                        {Course:"AbstractQuestionSpecification", showButtons:true, children:[
                            {Course:"AttributeType", Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0},
                            {Course:"NodeColourRegex",Boys:80, TotalStudent:120, PASSinper:95, FAILinper:5},
                            {Course:"NavigationStrategyComponentAlias", Boys: 80, TotalStudent:90, PASSinper:97.5, FAILinper:2.5},
                            {Course:"Context", children:[
                                {Course:"QuestionTypeHandler", showButtons:true, children:[
                                    {Course:"AttributeType",Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0},
                                    {Course:"Value",Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}
                                ]
                                }
                            ]
                            },
                        ]
                        },
                        {Course:"Operator", children:[
                            {Course:"FilterComponentOperatorType", Boys: 80, TotalStudent:90, PASSinper:97.5, FAILinper:2.5} 
                        ] 
                        },
                    ]
                    }
                ]);
            private function save():void{
                Alert.show("Saved...");
            } 
            private function add():void {
                var item:Object = {};
                if(student.length == 1){
                    var course:Object = student.getItemAt(0);
                    if(course != null){
                        var o:Object;
                        o = findCourse(course.children[0], "AttributeType");
                        if(o != null)
                            item.attributeType = o.Value;							
                        
                        o = findCourse(course.children[1], "ClusterAggregateFunction");
                        if(o != null)
                            item.clusterAggregateFunction = o.Value;
                        
                        o = findCourse(course.children[2], "AttributeType");
                        if(o != null)
                            item.abstractAttributeType = o.Value;
                        
                        o = findCourse(course.children[2], "NodeColourRegex");
                        if(o != null)
                            item.nodeColourRegex = o.Value;
                        
                        o = findCourse(course.children[2], "NavigationStrategyComponentAlias");
                        if(o != null)
                            item.navigationStrategyComponentAlias = o.Value;
                        
                        o = findCourse(course.children[2], "Value");
                        if(o != null)
                            item.value = o.Value;
                    }
                    
                }
                dg.dataProvider.addItem(item);
                
            }
            
            private function findCourse(parent:Object, name:String):Object{
                var a:Array = treeDg.mx_internal::rendererArray;
                for(var i:uint = 0; i < parent.children.length; i++){
                    var child:Object = parent.children[i];
                    if(child.Course == name){
                        return child;
                    }else if(child.hasOwnProperty("children")){
                        return findCourse(child, name);
                    }
                }
                return null;
            }
            
            
        ]]>
    </mx:Script>
    <mx:Panel title="Include Filter" height="600" width="699">
        <mx:AdvancedDataGrid id="treeDg" sortExpertMode="true" displayItemsExpanded="true" height="363" x="13" y="13" width="669"
                             defaultLeafIcon="{null}"
                             folderOpenIcon="{null}"
                             folderClosedIcon="{null}">
            <mx:dataProvider>
                <mx:HierarchicalData source="{student}" />
            </mx:dataProvider>
            <mx:groupItemRenderer>
                <mx:Component>
                    <mx:AdvancedDataGridGroupItemRenderer width="100%">
                        <mx:Script>
                            <![CDATA[
                                import mx.collections.HierarchicalCollectionView;
                                import mx.controls.AdvancedDataGrid;
                                import mx.controls.Button;

                                private var button:Button;

                                override protected function createChildren():void
                                {
                                    super.createChildren();
                                    button = new Button();
                                    button.label = "+";
                                    button.width = 35;
                                    button.height = 22;
                                    button.addEventListener(MouseEvent.CLICK, addAttributeType);
                                    addChild(button);
                                }

                                private function addAttributeType(event:MouseEvent):void{
                                    var dp:HierarchicalCollectionView = AdvancedDataGrid(owner).dataProvider as HierarchicalCollectionView;
                                    dp.addChild(data, {Course:"AttributeType", Boys:0});
                                }

                                override public function set data(value:Object):void{
                                    super.data = value;
                                    if(data != null){
                                        button.visible = (data.showButtons == true);
                                    }
                                }
                                
                                override protected function updateDisplayList(unscaledWidth:Number,
                                                                              unscaledHeight:Number):void
                                {
                                    super.updateDisplayList(unscaledWidth, unscaledHeight);
                                    button.x = unscaledWidth - button.width - 5;
                                }
                            ]]>
                        </mx:Script>
                    </mx:AdvancedDataGridGroupItemRenderer>
                </mx:Component>
            </mx:groupItemRenderer>
            <mx:columns>
                <mx:AdvancedDataGridColumn dataField="Course">
                    <mx:itemRenderer>
                        <mx:Component>
                            <mx:AdvancedDataGridGroupItemRenderer width="100%">
                                <mx:Script>
                                    <![CDATA[
                                        import mx.collections.HierarchicalCollectionView;
                                        import mx.controls.AdvancedDataGrid;
                                        import mx.controls.Button;
                                        
                                        private var button:Button;
                                        
                                        override protected function createChildren():void
                                        {
                                            super.createChildren();
                                            button = new Button();
                                            button.label = "-";
                                            button.width = 35;
                                            button.height = 22;
                                            button.addEventListener(MouseEvent.CLICK, removeAttributeType);
                                            addChild(button);
                                        }
                                        
                                        private function removeAttributeType(event:MouseEvent):void{
                                            var parentItem:Object = AdvancedDataGrid(owner).getParentItem(data);
                                            var dp:HierarchicalCollectionView = AdvancedDataGrid(owner).dataProvider as HierarchicalCollectionView;
                                            dp.removeChild(parentItem, data);
                                        }
                                        
                                        override public function set data(value:Object):void{
                                            super.data = value;
                                            if(data != null){
                                                button.visible = (data.Course == 'AttributeType');
                                            }
                                        }
                                        
                                        override protected function updateDisplayList(unscaledWidth:Number,
                                                                                      unscaledHeight:Number):void
                                        {
                                            super.updateDisplayList(unscaledWidth, unscaledHeight);
                                            button.x = unscaledWidth - button.width - 5;
                                        }
                                    ]]>
                                </mx:Script>
                            </mx:AdvancedDataGridGroupItemRenderer>
                        </mx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>
                <mx:AdvancedDataGridColumn dataField="Value"> 
                    <mx:itemRenderer>
                        <mx:Component>
                            <mx:Canvas width="100%">
                                <mx:Script>
                                    <![CDATA[
                                        override public function set data(value:Object):void{
                                            super.data = value;
                                            if(data != null)
                                                ti.text = data.Value;
                                        }
                                        
                                        private function setValue(event:Event):void{
                                            if(data != null)
                                                data.Value = event.target.text
                                        }
                                    ]]>
                                </mx:Script>
                                <mx:TextInput id="ti" visible="{data.hasOwnProperty('Boys')}" width="98%" change="setValue(event)"/>
                            </mx:Canvas>
                        </mx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>
            </mx:columns>
        </mx:AdvancedDataGrid>
        <mx:HBox width="100%" horizontalAlign="right" paddingRight="10" paddingBottom="10">
            <mx:Button label="Add" click="add()"/>
        </mx:HBox>
        <mx:DataGrid id="dg" horizontalCenter="0" verticalCenter="0" dataProvider="[]">
            <mx:columns>
                <mx:DataGridColumn dataField="attributeType"/> 
                <mx:DataGridColumn dataField="clusterAggregateFunction" width="150" /> 
                <mx:DataGridColumn dataField="abstractAttributeType"/>
                <mx:DataGridColumn dataField="nodeColourRegex"/>
                <mx:DataGridColumn dataField="navigationStrategyComponentAlias"/> 
                <mx:DataGridColumn dataField="value"/>
                
            </mx:columns>
        </mx:DataGrid>
        <mx:ControlBar>
            <mx:Spacer width="80%"/>
            <mx:Button paddingRight="20" label="Save" click="save()"/>
        </mx:ControlBar>
    </mx:Panel>
</mx:Application>

Open in new window

0
 

Author Comment

by:alamflex
ID: 36504736
Thanks for your sol.
Can you redesign my screen according to the below sample image which is my actual requirement.

If you observe in the sample image when we expand clusterby by default it should contain Attributetype form without remove button for it. Next when we click on add button next to cluserby it should add mulitple nodes dynamically with Attributetype and it should contain remove button for those added nodes.And when we click on remove button it should remove that added nodes dynamically.

Simillarly for others also

1.ClusterBym

AttributeType

2.FilterComponent

ClusterAggregateFunction

3.AbstractQuestionSpecification

AttributeType
NodeColourRegex
NavigationStrategyComponentAlias

Below is my current working code.

Thanks,
Alam.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

    <mx:Script>

        <![CDATA[

            import mx.collections.ArrayCollection;

            import mx.controls.Alert;

            import mx.controls.listClasses.IListItemRenderer;

            import mx.core.mx_internal;            

           

            [Bindable]

            private var student:ArrayCollection = new ArrayCollection(

                [

                    {Course:"Filter", children: [

                        {Course:"ClusterBy", showButtons:true, children:[

                            {Course:"AttributeType", Boys:120, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}

                        ]

                        },

                        {Course:"FilterComponent",showButtons:true, children:[

                            {Course:"ClusterAggregateFunction", Boys:120, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}

                        ]

                        },

                        {Course:"AbstractQuestionSpecification", showButtons:true, children:[

                            {Course:"AttributeType", Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0},

                            {Course:"NodeColourRegex",Boys:80, TotalStudent:120, PASSinper:95, FAILinper:5},

                            {Course:"NavigationStrategyComponentAlias", Boys: 80, TotalStudent:90, PASSinper:97.5, FAILinper:2.5},

                            {Course:"Context", children:[

                                {Course:"QuestionTypeHandler", showButtons:true, children:[

                                    {Course:"AttributeType",Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0},

                                    {Course:"Value",Boys:80, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}

                                ]

                                }

                            ]

                            },

                        ]

                        },

                        {Course:"Operator", children:[

                            {Course:"FilterComponentOperatorType", Boys: 80, TotalStudent:90, PASSinper:97.5, FAILinper:2.5} 

                        ] 

                        },

                    ]

                    }

                ]);

                                                                

            private function save():void{

                Alert.show("Saved...");

            } 

                                                

            private function add():void {

                var item:Object = { };

                                                                var flag:Boolean = true;

                if(student.length == 1){

                    var course:Object = student.getItemAt(0);

                    if(course != null){

                        var o:Object;

                        o = findCourse(course.children[0], "AttributeType");

                                                                                                                                

                                                                                                if (o != null) {                                                                                                                                                                                                      

                                                                                                                if(o.Value!=null && o.Value!="")

                                                                                                                                item.attributeType = o.Value;                                                                                                    

                                                                                                                else

                                                                                                                                flag=false;

                        }

                        o = findCourse(course.children[1], "ClusterAggregateFunction");

                        

                                                                                   if (o != null) {                                                                                                                   

                                                                                                                

                                                                                                                if(o.Value!=null && o.Value!="")

                                                                                                                                item.clusterAggregateFunction = o.Value;                                                                                           

                                                                                                                else

                                                                                                                                flag=false;

                        }

                        o = findCourse(course.children[2], "AttributeType");

                      

                                                                                                if (o != null) {                                                                                                                      

                                                                                                                

                                                                                                                if(o.Value!=null && o.Value!="")

                                                                                                                                item.attributeType2 = o.Value;                                                                                 

                                                                                                                else

                                                                                                                                flag=false;

                        }

                        o = findCourse(course.children[2], "NodeColourRegex");

                      

                                                                                                if (o != null) {                                                                                                                      

                                                                                                                

                                                                                                                if(o.Value!=null && o.Value!="")

                                                                                                                                item.nodeColourRegex = o.Value;                                                                                           

                                                                                                                else

                                                                                                                                flag=false;

                        }

                                                                                                                

                                                                                                o = findCourse(course.children[2], "AttributeType");

                       

                                                                                   if (o != null) {                                                                                                                   

                                                                                                                

                                                                                                                if(o.Value!=null && o.Value!="")

                                                                                                                                item.attributeType3 = o.Value;                                                                                 

                                                                                                                else

                                                                                                                                flag=false;

                        }

                        

                        o = findCourse(course.children[2], "NavigationStrategyComponentAlias");

                      

                                                                                                if (o != null) {                                                                                                                      

                                                                                                                

                                                                                                                if(o.Value!=null && o.Value!="")

                                                                                                                                item.navigationStrategyComponentAlias = o.Value;                                                                                        

                                                                                                                else

                                                                                                                                flag=false;

                        }

                                                                                                

                        o = findCourse(course.children[2], "Value");

                      

                                                                                                if (o != null) {                                                                                                                      

                                                                                                                

                                                                                                                if(o.Value!=null && o.Value!="")

                                                                                                                                item.value = o.Value;                                                                                     

                                                                                                                else

                                                                                                                                flag=false;

                        }

                                                                                                

                                                                                                o = findCourse(course.children[3], "FilterComponentOperatorType");

                      

                                                                                                if (o != null) {

                                                                                                                                

                                                                                                                

                                                                                                                if(o.Value!=null && o.Value!="")

                                                                                                                                item.operator = o.Value;                                                                                              

                                                                                                                else

                                                                                                                                flag=false;

                        }

                                                                                                

                                                                                                if (flag)

                                                                                                                dg.dataProvider.addItem(item);

                                                                                                else

                                                                                                                Alert.show("Please Enter Required Values.");

                    }

                    

                }               

                

            }

            

            private function findCourse(parent:Object, name:String):Object{

                var a:Array = treeDg.mx_internal::rendererArray;

                for(var i:uint = 0; i < parent.children.length; i++){

                    var child:Object = parent.children[i];

                    if(child.Course == name){

                        return child;

                    }else if(child.hasOwnProperty("children")){

                        return findCourse(child, name);

                    }

                }

                return null;

            }            

            

        ]]>

    </mx:Script>

    <mx:Panel title="Include Filter" height="600" width="699">

        <mx:AdvancedDataGrid id="treeDg" sortExpertMode="true" displayItemsExpanded="true" height="363" x="13" y="13" width="669"

                             defaultLeafIcon="{null}"

                             folderOpenIcon="{null}"

                             folderClosedIcon="{null}">

            <mx:dataProvider>

                <mx:HierarchicalData source="{student}" />

            </mx:dataProvider>

            <mx:groupItemRenderer>

                <mx:Component>

                    <mx:AdvancedDataGridGroupItemRenderer width="100%">

                        <mx:Script>

                            <![CDATA[

                                import mx.collections.HierarchicalCollectionView;

                                import mx.controls.AdvancedDataGrid;

                                import mx.controls.Button;

 

                                private var button:Button;

 

                                override protected function createChildren():void

                                {

                                    super.createChildren();

                                    button = new Button();

                                    button.label = "+";

                                    button.width = 35;

                                    button.height = 22;

                                    button.addEventListener(MouseEvent.CLICK, addAttributeType);

                                    addChild(button);

                                }

 

                                private function addAttributeType(event:MouseEvent):void{

                                    var dp:HierarchicalCollectionView = outerDocument.treeDg.dataProvider as HierarchicalCollectionView;

                                    dp.addChild(data, {Course:"ClusterBy", children:[

                            {Course:"AttributeType", Boys:120, TotalStudent:180, PASSinper:98.0, FAILinper:2.0}

                        ]

                        });

                                }

 

                                override public function set data(value:Object):void{

                                    super.data = value;

                                    if(data != null){

                                        button.visible = (data.showButtons == true);

                                    }

                                }

                                

                                override protected function updateDisplayList(unscaledWidth:Number,

                                                                              unscaledHeight:Number):void

                                {

                                    super.updateDisplayList(unscaledWidth, unscaledHeight);

                                    button.x = unscaledWidth - button.width - 5;

                                }

                            ]]>

                        </mx:Script>

                    </mx:AdvancedDataGridGroupItemRenderer>

                </mx:Component>

            </mx:groupItemRenderer>

            <mx:columns>

                <mx:AdvancedDataGridColumn dataField="Course">

                    <mx:itemRenderer>

                        <mx:Component>

                            <mx:AdvancedDataGridGroupItemRenderer width="100%">

                                <mx:Script>

                                    <![CDATA[

                                        import mx.collections.HierarchicalCollectionView;

                                        import mx.controls.AdvancedDataGrid;

                                        import mx.controls.Button;

                                        

                                        private var button:Button;

                                        

                                        override protected function createChildren():void

                                        {

                                            super.createChildren();

                                            button = new Button();

                                            button.label = "-";

                                            button.width = 35;

                                            button.height = 22;

                                            button.addEventListener(MouseEvent.CLICK, removeAttributeType);

                                            addChild(button);

                                        }

                                        

                                        private function removeAttributeType(event:MouseEvent):void{

                                            var parentItem:Object = AdvancedDataGrid(owner).getParentItem(data);

                                                                                                                                                                                var parentItem1:Object = AdvancedDataGrid(owner).getParentItem(parentItem);

                                            var dp:HierarchicalCollectionView = AdvancedDataGrid(owner).dataProvider as HierarchicalCollectionView;

                                            dp.removeChild(parentItem1, parentItem);

                                        }

                                        

                                        override public function set data(value:Object):void{

                                            super.data = value;

                                            if(data != null){

                                                button.visible = (data.Course == 'AttributeType');

                                            }

                                        }

                                        

                                        override protected function updateDisplayList(unscaledWidth:Number,

                                                                                      unscaledHeight:Number):void

                                        {

                                            super.updateDisplayList(unscaledWidth, unscaledHeight);

                                            button.x = unscaledWidth - button.width - 5;

                                        }

                                    ]]>

                                </mx:Script>

                            </mx:AdvancedDataGridGroupItemRenderer>

                        </mx:Component>

                    </mx:itemRenderer>

                </mx:AdvancedDataGridColumn>

                <mx:AdvancedDataGridColumn dataField="Value"> 

                    <mx:itemRenderer>

                        <mx:Component>

                            <mx:Canvas width="100%">

                                <mx:Script>

                                    <![CDATA[

                                        override public function set data(value:Object):void{

                                            super.data = value;

                                            if(data != null)

                                                ti.text = data.Value;

                                        }

                                        

                                        private function setValue(event:Event):void{

                                            if(data != null)

                                                data.Value = event.target.text

                                        }

                                    ]]>

                                </mx:Script>

                                <mx:TextInput id="ti" visible="{data.hasOwnProperty('Boys')}" width="98%" change="setValue(event)"/>

                            </mx:Canvas>

                        </mx:Component>

                    </mx:itemRenderer>

                </mx:AdvancedDataGridColumn>

            </mx:columns>

        </mx:AdvancedDataGrid>

        <mx:HBox width="100%" horizontalAlign="right" paddingRight="10" paddingBottom="10">

            <mx:Button label="Add" click="add()"/>

        </mx:HBox>

        <mx:DataGrid id="dg" horizontalCenter="0" verticalCenter="0" dataProvider="[]">

            <mx:columns>

                <mx:DataGridColumn dataField="attributeType" headerText="AttributeType"/> 

                <mx:DataGridColumn dataField="clusterAggregateFunction" headerText="ClusterAggregateFunction" width="150"/> 

                <mx:DataGridColumn dataField="attributeType2" headerText="AttributeType" />

                <mx:DataGridColumn dataField="nodeColourRegex" headerText="NodeColourRegex"/>

                <mx:DataGridColumn dataField="navigationStrategyComponentAlias" headerText="NavigationStrategyComponentAlias"/> 

                                                                <mx:DataGridColumn dataField="attributeType3" headerText="AttributeType"/> 

                <mx:DataGridColumn dataField="value" headerText="Value"/>

                                                                <mx:DataGridColumn dataField="operator" headerText="Operator"/>                

            </mx:columns>

        </mx:DataGrid>

        <mx:ControlBar>

            <mx:Spacer width="80%"/>

            <mx:Button paddingRight="20" label="Save" click="save()"/>

        </mx:ControlBar>

    </mx:Panel>

</mx:Application>

Open in new window

Filter.bmp
0
Are your AD admin tools letting you down?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

 
LVL 29

Expert Comment

by:dgofman
ID: 36504834
That totally different what you draw on your top picture. Now you don't want to use new rows instead creating a Form as item rendere
0
 

Author Comment

by:alamflex
ID: 36507874
Yes, we need to create forms for clusterBy,FilterComponent,AbstractQuestionSpecification etc...as shown in the picture.

Can you provide me the sample code.

Thanks,
Alam.
0
 
LVL 29

Expert Comment

by:dgofman
ID: 36507969
I spent 3 hours for creating this sample.
Now you're asking to rewrite from begging.
I would liketo get points for my time first. Before starting a new design.
0
 
LVL 29

Expert Comment

by:dgofman
ID: 36508045
I will appreciate when you will open a new thread please can you attach one more tag "ActionScript"
0

Featured Post

Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

First things first - Preparation We need all the part for this install and it's much nicer to have them all on hand when you need them so here's what's required. Download Eclipse 3.5 32 bit (I like the Classic flavour) from here. (http://www.e…
With so many activities to perform, Exchange administrators are always busy in organizations. If everything, including Exchange Servers, Outlook clients, and Office 365 accounts work without any issues, they can sit and relax. But unfortunately, it…
This course is ideal for IT System Administrators working with VMware vSphere and its associated products in their company infrastructure. This course teaches you how to install and maintain this virtualization technology to store data, prevent vuln…
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…
Suggested Courses

618 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question