在Flex中给datagrid添加右键菜单项的具体实现

复制代码 代码如下:


xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
creationComplete="initApp()">




import mx.controls.Alert;
import mx.events.DataGridEvent;
import mx.events.FlexEvent;

import spark.events.GridEvent;
private var myContextMenu:ContextMenu;

private function initApp():void
{
popUpMenu();
}

private function popUpMenu():void
{
myContextMenu = new ContextMenu();
removeDefaultItems();
addCustomMenuItems();
//监听右键菜单弹出后的事件
myContextMenu.addEventListener(ContextMenuEvent.MENU_SELECT, menuSelectedHandler);
myDataGrid.contextMenu = myContextMenu;
}
//删除原有菜单项
private function removeDefaultItems():void
{
myContextMenu.hideBuiltInItems();
var defaultItems:ContextMenuBuiltInItems = myContextMenu.builtInItems;
defaultItems.print = false;
}
//添加用户自定义菜单项
private function addCustomMenuItems():void
{
var item:ContextMenuItem = new ContextMenuItem("删除行");
//默认的菜单项
item.visible = false;
myContextMenu.customItems.push(item);
//监听选择菜单项后的事件
item.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, itemSelectedHandler);
}
//弹出菜单后的事件处理函数
private function menuSelectedHandler(event:ContextMenuEvent):void
{
var item:ContextMenuItem = myContextMenu.customItems[0] as ContextMenuItem;

if (myDataGrid.selectedIndex >= 0)
{
item.visible = true;
}
else
{
item.visible = false;
}
}
//选择菜单项后的事件处理函数
private function itemSelectedHandler(event:ContextMenuEvent):void
{

if (myDataGrid.selectedIndex >= 0)
{
myDataGrid.dataProvider.removeItemAt(myDataGrid.selectedIndex);
}
}

]]>

width="500">




















在Flex中给datagrid添加右键菜单项的具体实现_第1张图片

你可能感兴趣的:(在Flex中给datagrid添加右键菜单项的具体实现)