[英]Flex : How to reuse Item renderer?
我有一个数据网格表,dataGrid表中的gridColumn称为“ DropDownListItemRenderer”。 使用相同的项目渲染器,我想根据dataField名称更改下拉列表中的内容。 因此,例如,如果dataField名称为color,则下拉列表将包含red,blue,green等。 如果dataField名称是临时的,则下拉列表将包含其他水果选项。
如果您查看我的渲染器中的代码。 我试图通过创建一个称为dropDownListData的可绑定数组集合来完成上述操作。 在覆盖集数据功能中,我获得了dataField名称,使用数据域名称我在数组集合中相应地添加了项。
尽管在您运行程序时下拉列表中填充了正确的数据。 每次选择下拉列表时,下拉列表中的数据都会重复并增加。
我认为我没有使用正确的方法来执行此操作。 有人可以告诉我我该怎么做吗? 请有人可以帮助我吗? 请让我知道如果我的问题不清楚,我将尝试重新表述。
谢谢 :)
这是我的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" minWidth="955" minHeight="600">
<fx:Script>
<![CDATA[
import FrontEndObjects.ColourItems;
import mx.collections.ArrayCollection;
import spark.events.IndexChangeEvent;
[Bindable]
private var order:ArrayCollection = new ArrayCollection();
private function addOrder():void{
var orderItems:ColourItems = new ColourItems();
order.addItem(orderItems);
}
]]>
</fx:Script>
<s:BorderContainer x="175" y="101" width="606" height="289">
<s:DataGrid id="myDG" x="53" y="27" width="516" height="201" dataProvider="{order}"
editable="true" variableRowHeight="true">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="label1" headerText="Order #" editable="true"/>
<s:GridColumn dataField="quant" headerText="Qty" editable="true"/>
<s:GridColumn dataField="color" headerText="Color" editable="true" rendererIsEditable="true" itemRenderer="myRenderers.DropDownListItemRenderer"/>
<s:GridColumn dataField="furits" headerText="Furits" editable="true" rendererIsEditable="true" itemRenderer="myRenderers.DropDownListItemRenderer"/>
</s:ArrayList>
</s:columns >
</s:DataGrid>
<s:Button x="499" y="236" label="add" click="addOrder()" />
</s:BorderContainer>
这是我的DropDownList项目Renderer:
<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" clipAndEnableScrolling="true">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import spark.components.gridClasses.GridColumn;
import spark.events.IndexChangeEvent;
public var cName:String;
[Bindable]
private var dropDownListData:ArrayCollection = new ArrayCollection();
protected function onCbChange(event:IndexChangeEvent):void
{
var value:String = (event.currentTarget as DropDownList).selectedItem;
data[column.dataField] = value;
}
override public function set data(value:Object):void
{
super.data = value;
cName = column.dataField;
if(cName == "color"){
dropDownListData.addItem("red");
dropDownListData.addItem("blue");
dropDownListData.addItem("green");
}
else if(cName == "furits"){
dropDownListData.addItem("banana");
dropDownListData.addItem("apple");
dropDownListData.addItem("grapes");
}
}
]]>
</fx:Script>
<s:DropDownList id="cb" width="100%" change="onCbChange(event)" requireSelection="true" dataProvider="{dropDownListData}"/>
这是我的Object类:
public class ColourItems
{
public var label1:String;
public var quant:String;
public var color:String;
public var furits:String;
}
在itemRenderer的setData方法中,应该在执行addItem之前检查列表中已经存在哪些数据。
将目标列设置为可编辑:editable =“ true” rendererIsEditable =“ true”。 当单击单元格时,网格会在itemrenderer中调用set data(value:Object)方法,在其中您越来越多地在下拉列表中添加项目。 您可以轻松地将其修复为对单元格禁用的可编辑状态:
<s:GridColumn dataField="color" headerText="Color" editable="false" itemRenderer="myRenderers.DropDownListItemRenderer"/>
<s:GridColumn dataField="furits" headerText="Furits" editable="false" itemRenderer="myRenderers.DropDownListItemRenderer"/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.