Flex的DataGrid的星火 - 选项卡专注于定制GridItemRenderer

我有一个包含两个按钮的定义ItemRenderer火花数据网格。 我想允许用户通过我的网页控件Tab键访问时,这两个按钮,这可能吗?

我已经把说明什么,我至今尝试(只是尝试通过按键tab键明白我的意思)一个简单的示例应用程序。 我一定要使用GridItemEditor?

提前致谢

GAV

<?xml version="1.0" encoding="utf-8"?> <!-- dpcontrols\sparkdpcontrols\SparkDGStyledIR.mxml --> <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" width="450" height="450"> <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; import mx.controls.Alert; // Data includes URL to album cover. [Bindable] private var initDG:ArrayCollection = new ArrayCollection([ {Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99, Cover:'../assets/slanted.jpg', tabIndex:2}, {Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99, Cover:'../assets/slanted.jpg', tabIndex:3}, {Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99, Cover:'../assets/slanted.jpg', tabIndex:4}, {Artist:'Pavement', Album:'Brighten the Corners', Price:11.99, Cover:'../assets/brighten.jpg', tabIndex:5} ]); ]]> </fx:Script> <s:layout> <s:VerticalLayout /> </s:layout> <s:DataGrid id="myGrid" hasFocusableChildren="true" tabEnabled="true" tabChildren="true" focusEnabled="true" tabFocusEnabled="true" dataProvider="{initDG}" selectionMode="singleCell" tabIndex="1" variableRowHeight="true"> <s:columns> <s:ArrayList> <s:GridColumn dataField="Artist" rendererIsEditable="true"> <s:itemRenderer> <fx:Component> <s:GridItemRenderer hasFocusableChildren="true" tabEnabled="true" tabChildren="true" focusEnabled="true" tabFocusEnabled="true" selectAll="meBtn.setFocus()"> <fx:Script> <![CDATA[ import mx.controls.Alert; ]]> </fx:Script> <s:Button id="meBtn" label="{this.data.tabIndex} Click me" click="Alert.show('clicked','info')" tabIndex="{this.data.tabIndex}" tabEnabled="true" tabChildren="true" focusEnabled="true" tabFocusEnabled="true"/> </s:GridItemRenderer> </fx:Component> </s:itemRenderer> </s:GridColumn> <s:GridColumn dataField="Album"/> <s:GridColumn dataField="Price"/> </s:ArrayList> </s:columns> </s:DataGrid> <s:Button label="Some other button" tabIndex="100" click="Alert.show('this button below the grid is tab enabled fine','note')" /> </s:Application>

--------------解决方案-------------

数据网格

editable = true

在你的按钮设置列

rendererIsEditable="true"

不可编辑的列

editable = false

Tab键应该与这些设置工作,当您使用自定义GridItemRender

分类:柔性 时间:2012-01-01 人气:0
分享到:

相关文章

  • 柔性数据网格的自定义选项卡行为 2012-05-09

    我有两个数据网格,我想重写制表键事件的行为,使其进入到下一个数据网格,当光标到达第一个DataGrid列的结束. 任何提示都感激! 马库斯 --------------解决方案------------- 马库斯,这是一个有些功能演示,应该让你在正确的轨道: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/m

  • 刷新/重新加载柔性数据网格 2013-01-17

    我使用的是数据网格. 它的itemEditor组件,组合框等栏目的APRT. 理想情况下datagrid.invalidateList()方法的工作原理,以重新加载新的dataProvider数据的数据网格. 但是,对我来说是附加到旧数据和新数据被添加下面的旧数据. 我不能够解决这个问题重装数据网格的. --------------解决方案------------- 使用ArrayCollection的,不是阵列! ArrayCollection中提供所有您需要的更改通知机制. 阵列没有. 我有

  • 如何使用三个复选框过滤柔性数据网格。? 2014-08-02

    我是新来弯曲. 我需要你的帮助. 任何人都可以帮我请. 我的要求:Flex的Datagrid中应根据3复选框是过滤器(复选框可与多种组合进行检查). 我的代码: 复选框: 数据提供: MXML代码: 在这里,我要筛选数据网格当我检查的3复选框的不同组合. 复选框值从ArrayCollection中的居留制列. 当我选择"完成"复选框和"ONHOLD"复选框,DataGrid中应只显示具有状态显示为"已完成"和"待机"的记录.

  • 如何根据多列排序柔性数据网格? 2014-12-27

    我有一个数据网格,填充如下图所示. 当用户单击列标题,我想使用在所选列第一次使用的词典式排序的行进行排序,然后将剩余的列用于左到右的顺序,以打破任何联系. 我该如何代码呢? (我有一个答案,我会后下文,但它有一个问题 - !我会高兴,如果有人能提供一个更好的) 这里的布局: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.c

  • 造型柔性数据网格的特定行 2012-03-18

    我有弹性DataGrid组件. 我的网格有几排. 我只是想打的最后一行粗体. 我只是想不出如何做到这一点. 我想到了一个想法:建立一个工厂,获取参数,以便我可以通过的itemRenderer行的总数. 但是,我不知道如何检查的itemRenderer本身的当前行(并将其与总行). 我在正确的方向? 有一个简单的方法吗? 谢谢, --------------解决方案------------- 使用的itemRenderer的每个列. 在的itemRenderer,使用DataGridListDat

  • 柔性数据网格复选框渲染器 2013-11-10

    即时通讯我的Flex应用程序,我有一个datgrid如下 <mx:DataGrid id="grid" > <mx:columns> <mx:DataGridColumn headerText="Select" dataField="itemSelInd" editable="false" textAlign="center" > <mx:itemRenderer

  • 如何设置备用行颜色弹性数据网格? 2012-09-18

    什么是设置不同的颜色交替行的柔性数据网格的方法是什么? 从而使相邻的两行很容易识别? --------------解决方案------------- 使用alternatingItemColors风格. 只要你想在阵列中,你可以指定尽可能多的颜色. <mx:DataGrid id="dg" alternatingItemColors="[#449933, #994433]" dataProvider="{[{d:'ASD', c:'$#'},{d:'

  • 禁止在数据网格火花几排 2012-06-12

    是否有火花DataGrid中以编程方式禁用某些行,在Flex 3,它可以使用功能mouseEventToItemRenderer这种方式来完成: override protected function mouseEventToItemRenderer ( event: MouseEvent): IListItemRenderer { var listItem: IListItemRenderer;// = super.mouseEventToItemRenderer(event); if (_d

  • 如何在数据网格先进柔性给​​予单击和双击在一起 2012-07-25

    我要听都点击了在柔性先进数据网格中双击事件. 我已经给双击启用真实写在itemdoubleclick功能,但只有点击是工作,但没有itemdoubleclick.Can任何一个请帮助我. 谢谢 --------------解决方案------------- 你可能做了正确的事情,但在DataGrid不处理非常好单击和双击,你可以用一种变通方法来做到这一点: 第一个数据网格属性: <s:DataGrid dataProvider="{lista}" click="clic

  • lockedColumnCount火花数据网格 2012-09-11

    我哈瓦的应用程序是在Flex 3,我们正在迁移它Flex 4.5中,我有一个扩展mxDataGrid一类,它的使用属性格式lockedColumnCount,它并不在数据网格的火花存在. 是不是有火花DataGrid中的一个属性,它等同于财产lockedColumnCount的属性? --------------解决方案------------- 火花数据网格不支持锁定的行和列. 看到这个

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.914 (s). 10 q(s)