Flex中如何将DataGrid控件的菜单(Menu)设置为选择模式的例子

By Minidxer | March 27, 2008

接下来的例子演示了Flex中如何通过设置DataGrid控件的menuSelectionMode属性,将其菜单(Menu)设置为选择模式。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

下面是完整代码:

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Array id="arr">
  8.         <mx:Object c1="1a" c2="1b" />
  9.         <mx:Object c1="2a" c2="2b" />
  10.         <mx:Object c1="3a" c2="3b" />
  11.         <mx:Object c1="4a" c2="4b" />
  12.         <mx:Object c1="5a" c2="5b" />
  13.         <mx:Object c1="6a" c2="6b" />
  14.         <mx:Object c1="7a" c2="7b" />
  15.     </mx:Array>
  16.  
  17.     <mx:ApplicationControlBar dock="true">
  18.         <mx:Form styleName="plain">
  19.             <mx:FormItem label="menuSelectionMode:">
  20.                 <mx:CheckBox id="checkBox" selected="false" />
  21.             </mx:FormItem>
  22.         </mx:Form>
  23.     </mx:ApplicationControlBar>
  24.  
  25.     <mx:DataGrid id="dataGrid"
  26.             dataProvider="{arr}"
  27.             menuSelectionMode="{checkBox.selected}" />
  28.  
  29. </mx:Application>
作者:Peter deHaan 翻译:minidxer

Topics: Flex | Tags: , , , ,

Related Post

5 comments | Add One

  1. wendi - 03/28/2008 at 8:52 am

    我看了一下效果,好像没有什么用片啊?
    不知道设置menuSelectionMode这个作用体现在哪里?能否详解一下呢?

  2. Minidxer - 03/28/2008 at 11:09 am

    分别在menuSelectionMode选中和不选中的状态下,选择DataGrid中的一行并且拖动,效果是不一样的。

  3. wendi - 03/28/2008 at 11:20 am

    按你说的,试了一下,还是没有发现……不知道站长能不能截个图或者….

  4. Minidxer - 03/28/2008 at 11:25 am


    menuSelectionMode不选中的状态下,点中1a的行,鼠标保持按下的状态拖动到3a的行,放开鼠标,这个时候选中的还是1a行

    menuSelectionMode选中(打勾)的状态下,点中1a的行,鼠标保持按下的状态拖动到3a的行,放开鼠标,这个时候选中的是3a行

  5. wendi - 03/28/2008 at 1:42 pm

    嗯,,不错,……..明白了,,,谢谢-_-

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Archives

Sponsored Ads