Apache flex 如何在一列中显示来自两个不同元素的数据?

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

如何在一列中显示来自两个不同元素的数据?或者是否有一种方法可以合并两列

就像下面的例子一样,只显示firstName。如何在同一列中同时显示lastName

以下是XML文件“无法更改”:

<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>