在Flex中給datagrid添加右鍵菜單項(xiàng)的具體實(shí)現(xiàn)
更新時(shí)間:2013年12月30日 18:04:38 作者:
Flex中如何給datagrid添加右鍵菜單項(xiàng),其實(shí)很簡單,下面有個(gè)不錯(cuò)的教程,感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
creationComplete="initApp()">
<s:layout>
<s:HorizontalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>
<fx:Script>
<![CDATA[
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();
//監(jiān)聽右鍵菜單彈出后的事件
myContextMenu.addEventListener(ContextMenuEvent.MENU_SELECT, menuSelectedHandler);
myDataGrid.contextMenu = myContextMenu;
}
//刪除原有菜單項(xiàng)
private function removeDefaultItems():void
{
myContextMenu.hideBuiltInItems();
var defaultItems:ContextMenuBuiltInItems = myContextMenu.builtInItems;
defaultItems.print = false;
}
//添加用戶自定義菜單項(xiàng)
private function addCustomMenuItems():void
{
var item:ContextMenuItem = new ContextMenuItem("刪除行");
//默認(rèn)的菜單項(xiàng)
item.visible = false;
myContextMenu.customItems.push(item);
//監(jiān)聽選擇菜單項(xiàng)后的事件
item.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, itemSelectedHandler);
}
//彈出菜單后的事件處理函數(shù)
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;
}
}
//選擇菜單項(xiàng)后的事件處理函數(shù)
private function itemSelectedHandler(event:ContextMenuEvent):void
{
if (myDataGrid.selectedIndex >= 0)
{
myDataGrid.dataProvider.removeItemAt(myDataGrid.selectedIndex);
}
}
]]>
</fx:Script>
<s:DataGrid requestedRowCount="4" id="myDataGrid"
width="500">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="dataField1" headerText="列 1" id="col1"></s:GridColumn>
<s:GridColumn dataField="dataField2" headerText="列 2"></s:GridColumn>
<s:GridColumn dataField="dataField3" headerText="列 3"></s:GridColumn>
</s:ArrayList>
</s:columns>
<s:typicalItem>
<fx:Object dataField1="示例數(shù)據(jù)" dataField2="示例數(shù)據(jù)" dataField3="示例數(shù)據(jù)"></fx:Object>
</s:typicalItem>
<s:ArrayList>
<fx:Object dataField1="數(shù)據(jù)1" dataField2="數(shù)據(jù)1" dataField3="數(shù)據(jù)1"></fx:Object>
<fx:Object dataField1="數(shù)據(jù)2" dataField2="數(shù)據(jù)2" dataField3="數(shù)據(jù)2"></fx:Object>
<fx:Object dataField1="數(shù)據(jù)3" dataField2="數(shù)據(jù)3" dataField3="數(shù)據(jù)3"></fx:Object>
<fx:Object dataField1="數(shù)據(jù)4" dataField2="數(shù)據(jù)4" dataField3="數(shù)據(jù)4"></fx:Object>
</s:ArrayList>
</s:DataGrid>
</s:Application>

相關(guān)文章
Flex中TitleWindow傳值思路及實(shí)現(xiàn)
這篇文章主要介紹了Flex中TitleWindow傳值思路及實(shí)現(xiàn),需要的朋友可以參考下2014-05-05flex 開發(fā)項(xiàng)目報(bào)錯(cuò)之404錯(cuò)誤解決方案
最近兩天被HttpStates404這個(gè)錯(cuò)誤折騰的夠嗆,查了很多的文章都是大同小異,接下來為大家介紹下詳細(xì)的解決方法,感興趣的各位可以參考下哈,希望可以幫助到你2013-03-03Flex中在Tree綁定數(shù)據(jù)后自動(dòng)展開樹節(jié)點(diǎn)的方法
使用Tree組件在綁定數(shù)據(jù)后自動(dòng)展開所有樹型節(jié)點(diǎn)(不需要用戶再自己點(diǎn)擊展開節(jié)點(diǎn),會(huì)方 便許多),接下來為大家介紹下具體的實(shí)現(xiàn)2014-01-01flex中使用RadioButtonGroup時(shí)取出所選項(xiàng)的值的方法
flex中的RadioButtonGroup想必大家并不陌生吧,在本文將為大家介紹下在使用RadioButtonGroup時(shí)如何取出所選項(xiàng)的值,感興趣的朋友可以參考下2013-12-12Flex中給按鈕添加鏈接點(diǎn)擊鏈接打開網(wǎng)頁的方法
我們需要這樣的一個(gè)效果:點(diǎn)擊鏈接打開一個(gè)網(wǎng)頁。下面為大家介紹下Flex中如何給一個(gè)按鈕添加鏈接實(shí)現(xiàn)點(diǎn)擊打開網(wǎng)頁,感興趣的朋友可以參考下2013-12-12