How can I populate the data in PopUpMenuButton?

View: New views

2 Messages — Rating Filter: Alert me

How can I populate the data in PopUpMenuButton?

by Thomas Silvester :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi ,
I have an advanced data grid , with 8 columns one of the columns i want the 8 th column as a POPUPMenu Button, and when I click on the menu item it should navigate to a url value which is in the Array dArr. Array ddArr has 2 values ,how can i do this I have tried many things.
Array ddArr has the values [dd.label,dd.url] and some valuses in the array has more than one occurence, I mean [dd.label1,dd.url1],[dd.label2,dd.url2].
The values to be populated in the POPUPMenuButton , i have in an array dArr.After doing this I see only the popupButton but no data from ddArr .
please help me out.
<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" backgroundColor="#FFFFFF"
initialize="initApp();" creationComplete="onCreationComplete();">
<mx:Style>
.hStyle { fontWeight:bold; fontFamily:Verdana; fontSize:12; align:center; }
</mx:Style>
<mx:Script>
<![CDATA[

var ddArr:ArrayCollection = new ArrayCollection();
var dp:ArrayCollection = new ArrayCollection();

var ddLabel:String="";
var ddUrl:String="";
var ddData:String="";
var ddRest:String="";
var popUpB:PopUpMenuButton;

ddData= xd[9];
ddRest=ddData;
var ddidx:int = ddData.indexOf("|");
// var dObj:Object=new Object();
while ( ddidx > 0 )
{

ddLabel= ddRest.substring( 0, ddidx );

ddRest= ddRest.substring(ddidx + 1 );
ddidx = ddRest.indexOf("|");
if( ddidx > 0)
{
// ddUrl= ddRest.substring(ddidx + 1 );
ddUrl= ddRest.substring(0, ddidx );

ddRest= ddRest.substring(ddidx + 1 );
ddidx = ddRest.indexOf("|");
}

dObj.label= ddLabel;
dObj.url= ddUrl;
ddArr.addItem(dObj);

}
popUpB=new PopUpMenuButton();
myMenu = new Menu();
myMenu.labelField = "Action";
myMenu.showRoot = true;
myMenu.width = popUpB.width;
myMenu.selectedIndex = 0;
myMenu.dataProvider = ddArr;

// myMenu.addEventListener("itemClick", itemClickHandler);

popUpB.popUp = myMenu;

dp.addItem( { "Index":xd[0], "Service":xd[1], "Priority":xd[2], "Current SLA":xd[3],"Health":xd[4], "Quality":xd[5],
"Risk":xd[6], "Avail":xd[7], "OpMode":xd[8], "dd":popUpB} );
dp = dpSrv;
gc.source=dp;
gc.refresh();

]]>

</mx:Script>

<mx:HTTPService id="sst" resultFormat="text" result="onJSONLoad(event)" url="{sURL}" fault="onFaultLoad(event)"/>
<mx:Panel title="{cTitle}" width="100%" height="100%" titleStyleName="hStyle" headerColors="[0xC5DFF9,0xEFF6FF]" >

<mx:AdvancedDataGrid id="srvTable" width="100%" height="100%" color="0x323232" dragEnabled="true" dropEnabled="true"
enabled="true" showHeaders="true"
displayItemsExpanded="true" variableRowHeight="true" wordWrap="false" initialize="gc.refresh();" >
<mx:dataProvider>
<mx:GroupingCollection id="gc" source ="{dpSrv}">
<mx:grouping>
<mx:Grouping>

<mx:GroupingField name="Service" />
</mx:Grouping>
</mx:grouping>
</mx:GroupingCollection>

</mx:dataProvider>

<mx:columns>

<mx:AdvancedDataGridColumn id ="ddcol" dataField="dd" headerText=" Drill-down" width="200" textAlign="left">

</mx:AdvancedDataGridColumn>

</mx:columns>

<mx:rendererProviders>
<mx:AdvancedDataGridRendererProvider dataField="dd" depth="1" column="{ddcol}" columnIndex="8"
renderer="mx.controls.PopUpMenuButton" />
</mx:rendererProviders>
</mx:AdvancedDataGrid>
</mx:Panel>
</mx:Application>

thanks in advance,
Tom.

Re: How can I populate the data in PopUpMenuButton?

by polestar11 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I have never worked with an AdvancedDataGrid, but for a regular DataGrid I would do the following:
- create a new component that will be the item-renderer (possibly extend DataGridItemRenderer)
- this new component would contain a popup-menu component
- at this component level you have access to the 'data' property of that item, which would hold any information, such as urls / links

At this point I'm not clear with what u are trying to do, but you have various events / options open to you. Such as ListEvent, where you can set up a listener on your DataGrid. For example, itemClick:

myDataGrid.addEventListener(ListEvent.ITEM_CLICK, onDataGridItemClick);

private function onDataGridItemClick(e:ListEvent):void {
trace(e.itemRenderer.data); // here you have a handle to either the component itself (e.itemRenderer), or the actual data
}

Cheers
Tracy

--- In flexcoders@..., "thomas_13s" <thomas_13s@...> wrote:

>
> Hi ,
> I have an advanced data grid , with 8 columns one of the columns i want the 8 th column as a POPUPMenu Button, and when I click on the menu item it should navigate to a url value which is in the Array dArr. Array ddArr has 2 values ,how can i do this I have tried many things.
> Array ddArr has the values [dd.label,dd.url] and some valuses in the array has more than one occurence, I mean [dd.label1,dd.url1],[dd.label2,dd.url2].
> The values to be populated in the POPUPMenuButton , i have in an array dArr.After doing this I see only the popupButton but no data from ddArr .
> please help me out.
> <?xml version="1.0"?>
> 
> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" backgroundColor="#FFFFFF"
> initialize="initApp();" creationComplete="onCreationComplete();">
> <mx:Style>
> .hStyle { fontWeight:bold; fontFamily:Verdana; fontSize:12; align:center; }
> </mx:Style>
> <mx:Script>
> <![CDATA[
>
> var ddArr:ArrayCollection = new ArrayCollection();
> var dp:ArrayCollection = new ArrayCollection();
>
> var ddLabel:String="";
> var ddUrl:String="";
> var ddData:String="";
> var ddRest:String="";
> var popUpB:PopUpMenuButton;
>
>
>
> ddData= xd[9];
> ddRest=ddData;
> var ddidx:int = ddData.indexOf("|");
> // var dObj:Object=new Object();
> while ( ddidx > 0 )
> {
>
> ddLabel= ddRest.substring( 0, ddidx );
>
> ddRest= ddRest.substring(ddidx + 1 );
> ddidx = ddRest.indexOf("|");
> if( ddidx > 0)
> {
> // ddUrl= ddRest.substring(ddidx + 1 );
> ddUrl= ddRest.substring(0, ddidx );
>
> ddRest= ddRest.substring(ddidx + 1 );
> ddidx = ddRest.indexOf("|");
> }
>
> dObj.label= ddLabel;
> dObj.url= ddUrl;
> ddArr.addItem(dObj);
>
> }
> popUpB=new PopUpMenuButton();
> myMenu = new Menu();
> myMenu.labelField = "Action";
> myMenu.showRoot = true;
> myMenu.width = popUpB.width;
> myMenu.selectedIndex = 0;
> myMenu.dataProvider = ddArr;
>
> // myMenu.addEventListener("itemClick", itemClickHandler);
>
> popUpB.popUp = myMenu;
>
> dp.addItem( { "Index":xd[0], "Service":xd[1], "Priority":xd[2], "Current SLA":xd[3],"Health":xd[4], "Quality":xd[5],
> "Risk":xd[6], "Avail":xd[7], "OpMode":xd[8], "dd":popUpB} );
> dp = dpSrv;
> gc.source=dp;
> gc.refresh();
>
> ]]>
>
> </mx:Script>
>
> <mx:HTTPService id="sst" resultFormat="text" result="onJSONLoad(event)" url="{sURL}" fault="onFaultLoad(event)"/>
> <mx:Panel title="{cTitle}" width="100%" height="100%" titleStyleName="hStyle" headerColors="[0xC5DFF9,0xEFF6FF]" >
>
> <mx:AdvancedDataGrid id="srvTable" width="100%" height="100%" color="0x323232" dragEnabled="true" dropEnabled="true"
> enabled="true" showHeaders="true"
> displayItemsExpanded="true" variableRowHeight="true" wordWrap="false" initialize="gc.refresh();" >
> <mx:dataProvider>
> <mx:GroupingCollection id="gc" source ="{dpSrv}">
> <mx:grouping>
> <mx:Grouping>
> 
> <mx:GroupingField name="Service" />
> </mx:Grouping>
> </mx:grouping>
> </mx:GroupingCollection>
> 
> </mx:dataProvider>
>
> <mx:columns>
>
> <mx:AdvancedDataGridColumn id ="ddcol" dataField="dd" headerText=" Drill-down" width="200" textAlign="left">
>
> </mx:AdvancedDataGridColumn>
>
> </mx:columns>
>
> <mx:rendererProviders>
> <mx:AdvancedDataGridRendererProvider dataField="dd" depth="1" column="{ddcol}" columnIndex="8"
> renderer="mx.controls.PopUpMenuButton" />
> </mx:rendererProviders>
> </mx:AdvancedDataGrid>
> </mx:Panel>
> </mx:Application>
>
> thanks in advance,
> Tom.
>