将 Xml 值分配给动态创建的组件

Question

xml 值存储在“arr”数组集合中。根据存储的数组的长度，创建下面描述的组件并将这些值动态分配给相关组件。

例如：

AdvanceSearch.mxml 是一个组件，另一个组件是 advanceSearchAtom.mxml。 “advanceSearchAtom”内有一些子组件，如文本框、组合框等。我们可以在'AdvanceSearch.mxml'中添加许多advanceSearchAtom.mxml。

var container : AdvanceSearch;

var adv : advanceSearchAtom;

for(var i:int=0;i<arr.length;i++) {
  adv = new advanceSearchAtom();

  adv.field.text = arr[i].field; 
  adv.value.selectedIndex = arr[i].value;

  container.addChild(adv); 
}

如果有人遇到此类问题，请告诉我。是否有明显的相关链接。提前致谢

Answer 1

您没有提到它，但我想问题是您在以下几行中收到空引用错误（1009）：

adv.field.text = arr[i].field; 
adv.value.selectedIndex = arr[i].value;

我对吗？

这是因为 field 和 value 尚未创建。根据默认的组件实例化，Flex 仅在需要时（即要显示时）创建子组件。

您可以侦听 AdvanceSearchAtom 组件的 creationComplete 事件并从那里更新值；或者在 AdvanceSearchAtom 类中拥有 Binadble 公共变量，将它们绑定到 field.text 和 value.selectedIndex 并分配xml 值赋给循环中的这些变量。

使用创建完成：

public var container:AdvanceSearch;
public var searchItems:Array = [];
public var arr:Array;

//assuming that arr has been initialized with xml values.
var adv:AdvanceSearchAtom;
for(var i:int=0;i<arr.length;i++) {
  adv = new AdvanceSearchAtom();
  adv.addEventListener(FlexEvent.CREATION_COMPLETE, onAtomCreated);
  container.addChild(adv); 
  searchItems.push(adv);
}

public function onAtomCreated(e:Event):void
{
   var adv:AdvanceSearchAtom = e.currentTarget as AdvanceSearchAtom;
   if(!adv)
      return;
   var index:Number = searchItems.indexOf(adv);
   adv.field.text = arr[index].field;
   adv.value.selectedIndex = arr[index].value;
}

使用数据绑定：

在AdvanceSearchAtom.mxml 内部

<mx:TextInput id="field" text="{textValue}"/>
<mx:ComboBox id="value" selectedIndex="{comboIndex}"/>

AdvanceSearchAtom.mxml 的脚本块中

[Bindable]
public var textValue:String;

[Bindable]
public var comboIndex:Number;
var adv:AdvanceSearchAtom;

在 AdvanceSearch 类中：

for(var i:int=0;i<arr.length;i++) {
  adv = new AdvanceSearchAtom();
  container.addChild(adv); 
  adv.field.text = arr[i].field; 
  adv.value.selectedIndex = arr[i].value;
}