Flex4 DataGrid中嵌入RadioButton实现思路及代码

2024-03-21 21:55:28

<s:DataGrid id="viewDg" width="100%" height="100%" fontFamily="微软雅黑"
horizontalScrollPolicy="off" borderVisible="false"
dataProvider="{viewList}">
<s:columns>
<s:ArrayList>
<s:GridColumn width="{wid*0.02}" resizable="false"
itemRenderer="Module_SchoolView.RadioButtonGridItemRenderer"/> 

<s:GridColumn width="{wid*0.25}" headerText="名称" dataField="xysj02" resizable="false"/> 

<s:GridColumn width="{wid*0.25}" headerText="地名" dataField="xysj02name" resizable="false"/> 

<s:GridColumn width="{wid*0.35}" headerText="URL" dataField="xysj04" resizable="false"/> 

<s:GridColumn width="{wid*0.13}" headerText="备注" dataField="xysj05" resizable="false"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>

MXML页面

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[ 

//---------------------------------------------------------------------------------------------------------- 

override public function prepare(hasBeenRecycled:Boolean):void
{
super.prepare( hasBeenRecycled ); 

// We make the radio button mimic the selection status of the whole row.
const selected_items: Vector.<Object> = grid.dataGrid.selectedItems; 

if( null == selected_items )
{
radio_button.selected = false;
return;
} 

if( -1 != selected_items.indexOf( data ) )
radio_button.selected = true;
else
radio_button.selected = false;
} 

//---------------------------------------------------------------------------------------------------------- 

]]>
</fx:Script> 

<!--The radio button is only a visual indicator for whether the row is selected or not.
The "selected" property of the radio_button will be controlled by the "prepare" function.
The radio_button should not be allowed any user interaction. Hence disabling it.-->
<s:RadioButton id="radio_button"
label=""
enabled="false" 

horizontalCenter="0" verticalCenter="0" /> 

</s:GridItemRenderer>

全面了解flex的用途

一.可以利用flex来布局一个div在另一个div里面水平垂直居中如:html代码: <div class="container"> <div class="box"> </div> </div> css代码: .container{ width:600px; height:400px; border:1px solid blue; display: flex; justify-content:center; ali
Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色

自定义拓展的DataGrid(as类)代码如下: package czgh.components { import flash.display.Sprite; import mx.controls.DataGrid; import mx.core.UIComponent; public class OptionalDataGrid extends DataGrid { private var _rowColorFunction:Function; private var _customed:Bo
Flex DataGrid 伪合并单元格实现思路

<?xml version="1.0" encoding="utf-8"?> <s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" widt
Flex 获取每月第几周小例子

<pre name="code" class="html">private function calcWeekTotal(showDate:Date):Array{ showDate = DateFormatter.parseDateString("2013-04-01"); //获取本月1好的日期 var oneDate:Date = new Date(showDate.fullYear,showDate.month,1); //本
flex 遍历Object对象内容的实现代码

一直以为遍历Object只能obj.name这种方式,今天做数据比较,才发现复制代码代码如下: var g2:Object = expensesAC.getItemAt(0); for(var i:Number=0;i<=23;i++){ if(g2["times"+i]=="0"){ num--; }else{ d2g+=g2["times"+
Flex 遍历Object键和值的示例代码

遍历键 for(var k:String in obj) { trace("Key: " + k + " - value: " + obj[k]); } 遍历值 for each(var v:* in obj) { trace("Value: " + v); }
Flex4 DataGrid中嵌入RadioButton实现思路及代码

<s:DataGrid id="viewDg" width="100%" height="100%" fontFamily="微软雅黑" horizontalScrollPolicy="off" borderVisible="false" dataProvider="{viewList}"> <s:columns> <s:ArrayLis
Flex4 DataGrid中如何嵌入RadioButton

复制代码代码如下: <s:DataGrid id="viewDg" width="100%" height="100%" fontFamily="微软雅黑" horizontalScrollPolicy="off" borderVisible="false" dataProvider="{viewList}"> <s:columns> <
Flex中通过RadioButton进行切换示例代码

1.页面切换复制代码代码如下: <?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&quo
html中嵌入flv格式文件的代码

复制代码代码如下: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="120" width="190"> <param name=
Flex DataGrid 伪合并单元格思路及代码

复制代码代码如下: <?xml version="1.0" encoding="utf-8"?> <s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx
js调用webservice中的方法实现思路及代码

webservice代码: 复制代码代码如下: using System; using System.Web; using System.Collections; using System.Web.Services; using System.Web.Services.Protocols; using System.Web.Script.Services; using StoreHouse.Common; using StoreHouse.IDAL; using StoreHouse.Mode
ASP.NET GridView中加入RadioButton不能单选的解决方案

今天开发碰见一个问题,就是当GridView中加入一个包含RadioButton的模板列,结果一运行.....天啊,单选按钮可以多选了! 囧啊!为了演示一下我今天的错误我还是模拟一个功能场景吧,我要实现的功能是显示一个包含单选按钮的学生信息列表,选择一行后将详细信息显示出来~! 1.问题展现 ①首先准备一个GridView用来展示学生的基本信息与最重要的单选按钮,代码如下: <asp:GridView ID="GridView1" runat="server"
android中Fragment+RadioButton实现底部导航栏

在App中经常看到这样的tab底部导航栏那么这种效果是如何实现,实现的方式有很多种,最常见的就是使用Fragment+RadioButton去实现.下面我们来写一个例子首先我们先在activity_mian.xml定义布局,整个布局的外面是线性布局,上面是帧布局切换不同的Fragment,底下是RadioGroup嵌套的是RadioButton.代码如下所示: <?xml version="1.0" encoding="utf-8"?> <Li
教你如何实现在react项目中嵌入Blazor

目录如何实现在react现有项目中嵌入Blazor? 首先流程如何实现在react现有项目中嵌入Blazor? 目前官方只提供了angular和react俩种示例所以本教程只讲react教程思路讲解: 首先在现有react项目中我们可能某些组件是在Blazor中完成,但是我们没办法找到怎么在react中轻量级使用blazor组件,可能会有人会使用iframe去加载Blazor项目,但是我不太喜欢这种方式,所以今天问了很多大佬,有大佬说可以直接在react使用Blazor组件的方式,并且找到
浅谈Angular2 ng-content 指令在组件中嵌入内容

ng-content指令可以在组件中嵌入模板代码,方便定制可复用的组件. 比如:页面的header是个通用组件,导航菜单样式已经设定好,只需在header标签内加上菜单内容. 用ng-content标签,将父组件模板中包含的menu标签内容加到指定位置.select属性支持css选择器,如:"#id",".class","[name=value]"等 header组件的模板: <p> {{title}} </p> <

Flex4 DataGrid中嵌入RadioButton实现思路及代码

相关推荐

随机推荐