Apache flex 如何在一列中显示来自两个不同元素的数据?
如何在一列中显示来自两个不同元素的数据?或者是否有一种方法可以合并两列 就像下面的例子一样,只显示firstName。如何在同一列中同时显示lastName 以下是XML文件“无法更改”:Apache flex 如何在一列中显示来自两个不同元素的数据?,apache-flex,flex3,flex4,Apache Flex,Flex3,Flex4,如何在一列中显示来自两个不同元素的数据?或者是否有一种方法可以合并两列 就像下面的例子一样,只显示firstName。如何在同一列中同时显示lastName 以下是XML文件“无法更改”: <userEmail> <user firstName="john" lastName="seena" /> <user firstName="pinku" lastName="phil"/> </userEmail> 代码: monitoringArra
<userEmail>
<user firstName="john" lastName="seena" />
<user firstName="pinku" lastName="phil"/>
</userEmail>
代码:
monitoringArray=event.result.userEmail.user;
.
.
.
我想如果不更改XML文件,这是不可能做到的。datafield属性只能接受一个字符串。
以下是adobe参考网站的定义
dataField : String
The name of the field or property in the data provider item
associated with the column.
它可以通过使用DatagridColumn的labelFunction属性来完成
粗略的例子:
<?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" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
private var xml:XML = <userEmail>
<user firstName="john" lastName="seena" />
<user firstName="pinku" lastName="phil"/>
</userEmail>
private function getCombinedUserNameLabel(item:Object, col:DataGridColumn):String
{
return item.@firstName + " " + item.@lastName;
}
]]>
</fx:Script>
<mx:DataGrid id="monDataGrid" x="10" y="10" dataProvider="{xml.user}">
<mx:columns>
<mx:DataGridColumn width="150" headerText="User Name" labelFunction="{getCombinedUserNameLabel}"/>
</mx:columns>
</mx:DataGrid>
私有函数getCombinedUserNameLabel(项:对象,列:DataGridColumn):字符串
{
返回项。@firstName+“”+项。@lastName;
}
]]>
编辑:数组也不应该是问题:
<?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" minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)"
>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
private var xml:XML = <userEmail>
<user firstName="john" lastName="seena" />
<user firstName="pinku" lastName="phil"/>
</userEmail>;
private var monitoringArray:Array = [{firstName:"john", lastName:"seena"}, {firstName:"pinku", lastName:"phil"}];
private function getCombinedUserNameLabel(item:Object, col:DataGridColumn):String
{
return item.@firstName + " " + item.@lastName;
}
private function getCombinedUserNameLabel2(item:Object, col:DataGridColumn):String
{
return item.firstName + " " + item.lastName;
}
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
}
]]>
</fx:Script>
<s:VGroup>
<mx:DataGrid id="monDataGrid" x="10" y="10" dataProvider="{xml.user}">
<mx:columns>
<mx:DataGridColumn width="150" headerText="User Name" labelFunction="{getCombinedUserNameLabel}"/>
</mx:columns>
</mx:DataGrid>
<mx:DataGrid id="monDataGrid2" x="10" y="10" dataProvider="{monitoringArray}">
<mx:columns>
<mx:DataGridColumn width="150" headerText="User Name" labelFunction="{getCombinedUserNameLabel2}"/>
</mx:columns>
</mx:DataGrid>
</s:VGroup>
</s:Application>
;
private-var-monitoringArray:Array=[{firstName:“john”,lastName:“seena”},{firstName:“pinku”,lastName:“phil”}];
私有函数getCombinedUserNameLabel(项:对象,列:DataGridColumn):字符串
{
返回项。@firstName+“”+项。@lastName;
}
私有函数getCombinedUserNameLabel2(项:对象,列:DataGridColumn):字符串
{
返回item.firstName+“”+item.lastName;
}
受保护函数应用程序1\u creationCompleteHandler(事件:FlexEvent):无效
{
//TODO自动生成的方法存根
}
]]>
数据网格中的复杂列可以通过项目呈现器实现。您可以在adobe的tour de flex应用程序上看到示例 太好了。如果您使用xml:xml,但不使用我正在使用的数组(即monitoringArray),则可以正常工作。如果它可以正常工作并满足您的要求,请不要忘记接受答案,这样其他人就可以节省时间。你有坚持使用数组的方法吗?问题是要让它与数组一起工作。所以,我会接受它,一旦我得到它与数组的工作。别担心tyo stick指的是什么?谷歌搜索了一下,但什么也找不到。没问题。但你的阵列中有什么?我不清楚。我认为您的服务返回了带有Xml的字符串。请澄清一点。谢谢大卫。我正在访问项目。@firstName和@sign仍然在那里:谢谢安吉的帮助。查看上面大卫的答案。这是可能的
<?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" minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)"
>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
private var xml:XML = <userEmail>
<user firstName="john" lastName="seena" />
<user firstName="pinku" lastName="phil"/>
</userEmail>;
private var monitoringArray:Array = [{firstName:"john", lastName:"seena"}, {firstName:"pinku", lastName:"phil"}];
private function getCombinedUserNameLabel(item:Object, col:DataGridColumn):String
{
return item.@firstName + " " + item.@lastName;
}
private function getCombinedUserNameLabel2(item:Object, col:DataGridColumn):String
{
return item.firstName + " " + item.lastName;
}
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
}
]]>
</fx:Script>
<s:VGroup>
<mx:DataGrid id="monDataGrid" x="10" y="10" dataProvider="{xml.user}">
<mx:columns>
<mx:DataGridColumn width="150" headerText="User Name" labelFunction="{getCombinedUserNameLabel}"/>
</mx:columns>
</mx:DataGrid>
<mx:DataGrid id="monDataGrid2" x="10" y="10" dataProvider="{monitoringArray}">
<mx:columns>
<mx:DataGridColumn width="150" headerText="User Name" labelFunction="{getCombinedUserNameLabel2}"/>
</mx:columns>
</mx:DataGrid>
</s:VGroup>
</s:Application>