<![CDATA[
import mx.events.FlexEvent;
// 点击事件：通知外部选中状态变化
private function onRadioButtonClick(event:Event):void {
data.isSelected = rb.selected;
dispatchEvent(new Event(“radioSelect”, true)); // 冒泡事件，让DataGrid能监听到
}
]]>
这里有个细节：我加了个“radioSelect”事件并设置冒泡（bubbles=true），这是后面实现单选互斥的关键——你想想，每个单元格的RadioButton点击后，得告诉DataGrid“我被点了”，不然DataGrid怎么知道该把其他行的按钮取消选中呢？
第二步：在DataGrid里“安装”自定义渲染器
接着在你的主应用里，找到DataGrid的列定义，把刚才创建的RadioButtonItemRenderer设为该列的itemRenderer。比如你有个订单列表，需要加一列“选择操作”，代码可以这么写：
到这里，你运行程序应该能看到DataGrid的第一列都显示RadioButton了，但别急着高兴——现在点按钮还是会发现，每个按钮能单独选中，却不能互斥，这就需要下一步的状态管理了。
状态管理与数据同步：解决单选互斥和数据绑定
让RadioButton显示出来只是第一步，真正麻烦的是“单选互斥”和“数据同步”。你肯定遇到过：选了第二行，第一行的按钮还亮着；或者明明点了按钮，数据源里的isSelected字段根本没变化。这两个问题其实是连带的，解决思路就是“点击时通知所有行：只有我能选中”，同时让按钮状态和数据源实时绑定。
用事件冒泡实现单选互斥
还记得刚才在ItemRenderer里加的“radioSelect”事件吗？现在派上用场了。我们需要在DataGrid上监听这个事件，当某个RadioButton被点击时，遍历所有数据，把其他行的isSelected设为false，只保留当前行的true。
我当时是在主应用的Script里写了个事件处理函数，代码如下：
import mx.collections.ArrayCollection; [Bindable]
private var orderList:ArrayCollection = new ArrayCollection([
{orderId:"ORD001", amount:299, isSelected:false},
{orderId:"ORD002", amount:599, isSelected:false},
{orderId:"ORD003", amount:1299, isSelected:false}
]);
// 监听RadioButton的选择事件
orderDataGrid.addEventListener("radioSelect", onRadioSelect);
private function onRadioSelect(event:Event):void {
var selectedItem:Object = event.target.data; // 获取当前选中行的数据
// 遍历所有数据，只保留当前行选中
for each(var item:Object in orderList) {
item.isSelected = (item === selectedItem);
}
orderList.refresh(); // 刷新数据源，让UI更新
}
这里有个关键点：event.target.data就是当前点击的RadioButton所在行的数据，通过遍历orderList把其他行的isSelected设为false，再调用refresh()让DataGrid重新渲染——我之前就是忘了写refresh()，结果数据改了UI没反应，还以为代码错了，折腾了半小时才发现少了这一步。
数据绑定：让RadioButton状态和数据源“手拉手”
现在单选互斥搞定了，但你可能会发现：如果通过代码修改orderList里某个item的isSelected，RadioButton不会自动更新状态。这是因为ItemRenderer里的RadioButton.selected只在初始化时绑定了data.isSelected，后续数据变化不会自动同步。
解决办法是在ItemRenderer里监听data的变化，这就需要用到Flex的BindingUtils工具类。修改RadioButtonItemRenderer.mxml，在Script里加上数据变化监听：
import mx.binding.utils.BindingUtils; import mx.events.PropertyChangeEvent;
override public function set data(value:Object):void {
super.data = value;
// 绑定data.isSelected到RadioButton.selected
if(value) {
BindingUtils.bindProperty(rb, "selected", value, "isSelected");
}
}
这段代码的作用是：当ItemRenderer的数据（也就是当前行的数据）发生变化时，自动更新RadioButton的selected状态。我当时在电商项目里，有个“取消选择”按钮需要清空所有选中状态，加上这段绑定后，点击按钮把orderList里所有isSelected设为false，表格里的RadioButton就会全部取消选中，特别方便。
为了让你更清晰地避坑，我整理了一个常见问题表格，都是我当时踩过的坑和解决办法：
| 问题 | 原因 | 解决办法 |
|---|---|---|
| RadioButton点击后不互斥 | 未遍历数据源修改其他行状态 | 监听radioSelect事件，遍历数据将其他行isSelected设为false |
| 数据修改后UI不更新 | 未监听data变化或未调用refresh() | 用BindingUtils绑定data.isSelected，修改数据后调用orderList.refresh() |
| 滚动表格后选中状态错乱 | DataGrid复用ItemRenderer，状态未重置 | 确保set data()方法正确绑定最新数据的isSelected |
按照这些步骤做完，你可以在自己的项目里试试——创建ItemRenderer、绑定数据、监听事件、处理互斥。如果遇到单选状态不同步，记得检查data属性有没有绑定对，或者事件监听有没有加对。我当时用这套方法给电商项目做的订单管理系统，上线后用户反馈单选操作特别流畅，后端同事对接数据时也没再提过“数据对不上”的问题。
如果你按这些方法试了，欢迎回来告诉我效果！或者你有更好的实现思路，也来评论区分享一下，咱们一起优化这个方案~
在实际开发里，你肯定会遇到这种情况：用户选了DataGrid里的某一行，你得拿到这行的数据去做后续操作，比如点“查看详情”按钮展示订单信息，或者点“删除”按钮删掉选中的记录。这时候怎么准确拿到选中行的数据呢？其实特别简单，就用咱们之前给数据源加的isSelected属性就行——你想想，咱们不是给每一行数据都加了个isSelected字段来控制RadioButton的选中状态吗？那反过来，只要找到isSelected为true的那个item，它就是当前选中的行了。
我之前在电商项目里做“批量发货”功能时就用过这个方法。当时订单列表里用户选了某行，点击“发货”按钮后，系统得知道发哪个订单的货。我当时是这么处理的：先定义一个变量selectedOrder存选中的数据，然后循环遍历orderList里的每一项，判断item.isSelected是不是true，如果是，就把这个item赋值给selectedOrder。这里有个小细节得注意：如果用户没选任何行，遍历完selectedOrder会是null，这时候你得给个提示，比如“请先选择订单”，避免后面调用接口时报错。 如果你的数据源是ArrayCollection，遍历的时候用for each循环会比for循环更方便，不用管索引，直接拿每一项判断就行，代码写起来也简洁。
如何确保DataGrid中只有一个RadioButton被选中？
需要通过监听RadioButton的点击事件实现互斥逻辑。在自定义ItemRenderer中，点击RadioButton时派发冒泡事件；在DataGrid中监听该事件后，遍历数据源集合，将除当前行外所有项的isSelected属性设为false，最后调用数据源的refresh()方法刷新UI，确保仅当前行保持选中状态。
为什么修改数据源后，RadioButton的选中状态不更新？
这通常是因为ItemRenderer未正确绑定数据变化。需在自定义ItemRenderer中使用BindingUtils.bindProperty()方法，将RadioButton的selected属性与data.isSelected绑定，确保数据变化时UI同步更新。 修改数据源后必须调用数据集合的refresh()方法，触发DataGrid重新渲染单元格。
滚动DataGrid时，RadioButton选中状态出现错乱怎么办？
这是DataGrid的ItemRenderer复用机制导致的。DataGrid仅为可见行创建渲染器，滚动时会回收并重用旧渲染器，可能残留旧数据状态。解决方法：在ItemRenderer的set data()方法中，每次更新数据时重新绑定RadioButton的selected属性，确保新数据正确覆盖旧状态，避免复用导致的显示异常。
如何在代码中获取DataGrid当前选中行的数据？
可直接通过数据源集合获取。遍历数据集合（如orderList），判断每个item的isSelected属性是否为true，该item即为当前选中行的数据。例如：for each(var item:Object in orderList) { if(item.isSelected) { // item即为选中行数据 } }
数据量较大时，嵌入RadioButton会影响性能吗？
可能会有轻微影响，因每个RadioButton需处理交互事件。优化方法：简化ItemRenderer结构，避免嵌套复杂组件；减少事件冒泡层级，在ItemRenderer中直接处理简单逻辑；对数据源采用分页加载，限制单次渲染行数；避免频繁调用refresh()，可在批量操作后统一刷新，提升滚动流畅度。
