`

DataGrid控件

    博客分类:
  • Flex
阅读更多
datagrid的控件:以表格形式显示数据,并可以实现一系列的操作
附件有详解



简单实例
flex对Java返回list类型的处理,可用于在flex的叶面中以表格形式显示
从数据库中获取的结果集


//返回list类型的java方法类
package com.duduli.li;
  
  import java.util.ArrayList;
  import java.util.Date;
  import java.util.List;
  
  public class Testlist {
      @SuppressWarnings("unchecked")
      public List returnList(){
 
         Perl p = new Perl();
         p.setId(1);
         p.setName("tom");
         p.setDate(new Date());
 
         Perl p2 = new Perl();
         p2.setId(2);
         p2.setName("john");
         p2.setDate(new Date());
 
         Perl p3 = new Perl();
         p3.setId(3);
         p3.setName("cate");
         p3.setDate(new Date());
     
         List<Perl> list = new ArrayList();
         list.add(p);
         list.add(p2);
         list.add(p3);
         
         return list;
     }

在remoting-config.xml注册好。

 <destination id="returnlist">
         <properties>
             <source>com.duduli.li.Testlist</source>
         </properties>
     </destination>



前台的flex用一个DataGrid来显示

  使用remoteobject,调用注册的destination。

<mx:RemoteObject id="rl" destination="returnlist" result="resultHandler(event)"/>

  结果由result="resultHandler(event)"的方法处理



[Bindable]
          public var ac:ArrayCollection = null;
          
           public function bind():void{
              rl.returnList();
          }  
          
         private function resultHandler(event:ResultEvent):void {
              ac = ArrayCollection(event.result);
         } 



下面则是显示的

         <mx:DataGrid x="205" y="303" dataProvider="{ac}" creationComplete="bind()">
                <mx:columns>
                         <mx:DataGridColumn headerText="id" dataField="id"/>
                         <mx:DataGridColumn headerText="name" dataField="name"/>
                         <mx:DataGridColumn headerText="date" dataField="date"/>
                </mx:columns>
         </mx:DataGrid>




Flex的其他控件使用,在附件中
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics