Как показать данные из двух разных элементов в одном столбце? - PullRequest
Новая
       11

Как показать данные из двух разных элементов в одном столбце?

0 голосов
/ 10 марта 2011

Как я могу показать данные из двух разных элементов в одном столбце?или если есть способ объединить два столбца?

Как и в следующем примере, просто firstName отображается.Как я могу отобразить LastName с ним тоже в том же столбце?

Фоллинг - это XML-файл, который «нельзя изменить»: 

<userEmail>
<user firstName="john" lastName="seena" />
<user firstName="pinku" lastName="phil"/>
</userEmail>

Код: 

monitoringArray = event.result.userEmail.user;
.
.
. 
<mx:DataGrid id="monDataGrid" x="10" y="10" dataProvider="{monitoringArray}">
 <mx:columns>
  <mx:DataGridColumn width="150" headerText="User Name" dataField="firstName"
 </mx:columns>
</mx:DataGrid>

Ответы [ 3 ]

2 голосов
/ 10 марта 2011

Определенно это можно сделать с помощью свойства labelFunction DatagridColumn.

пример: 

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

РЕДАКТИРОВАТЬ: массивы также не должны быть проблемой: 

<?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>
0 голосов
/ 10 марта 2011

Сложные столбцы в сетках данных можно получить с помощью средств визуализации элементов.Вы можете увидеть примеры в приложении Tour de Flex от Adobe. Tour De Flex

0 голосов
/ 10 марта 2011

Полагаю, это невозможно сделать без изменения файла XML.Свойство поля данных может принимать только одну строку.Вот определение с веб-сайта Adobe. 

    dataField : String
    The name of the field or property in the data provider item 
    associated with the column.
...