首页 > 代码库 > flex中使dataGrid每行都有button
flex中使dataGrid每行都有button
使dataGrid中每行都有button,且在点击button时知道点击的是哪行的button。
代码如下:
<mx:DataGrid id="dg" editable="true" color="0x323232" width="100%" height="450" rowCount="32" rowHeight="40" dataProvider="{dataIndicator}"> <mx:columns> <mx:DataGridColumn dataField="indexIndicator" width="50" headerText="序号" textAlign="center" editable="false"/> <mx:DataGridColumn dataField="INDICATOR_VALUE" headerText="指标值" editable="true"/> <mx:DataGridColumn editable="false" width="120" itemRenderer=""> <mx:itemRenderer> <fx:Component> <mx:HBox width="100" horizontalAlign="center" verticalAlign="top"> <mx:Button label="保 存" width="80" click="outerDocument.button1_clickHandler(event)"> <fx:Script> <![CDATA[ protected function button1_clickHandler(event:MouseEvent):void { // TODO Auto-generated method stub } ]]> </fx:Script> </mx:Button> </mx:HBox> </fx:Component> </mx:itemRenderer> </mx:DataGridColumn> </mx:columns> </mx:DataGrid>
自动生成的button的click方法没有在原页面上,所以无法调用dataGrid中selectedIndex,所以需要引用outerDocument.的方法,这样就能访问到外面的方法,此时可以删掉<mx:Button>中间的<fx:Script>,直接调用外面的方法了
flex中使dataGrid每行都有button
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。