小小菜鸟的web菜园子

web开发学习。好记性不如烂笔头。每天进步一点点!

导航

FLEX示例,在你的DataGrid中添加一个超连接.

MainApplication.mxml

1: <?xml version="1.0"?>
   2: <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="white" backgroundGradientColors="[0xFFFFFF, 0xFFFFFF]">
   3: <mx:Script>
   4:     <![CDATA[
   5:         import mx.collections.ArrayCollection;    
   6:         [Bindable]
   7:         public var myAC:ArrayCollection = new ArrayCollection([
   8:         {firstName:"Jon",lastName:"Hirschi",url:"http://www.flexablecoder.com"},
   9:         {firstName:"Tariq",lastName:"Ahmed",url:"http://www.dopejam.com"}
  10:         ]);
  11: 
  12:     ]]>
  13: </mx:Script>
  14: 
  15: <mx:DataGrid id="dg" width="500" height="100" dataProvider="{myAC}">
  16:     <mx:columns>
  17:         <mx:DataGridColumn dataField="firstName" headerText="First Name"/>
  18:         <mx:DataGridColumn dataField="lastName" headerText="Last Name"/>
  19:         <mx:DataGridColumn headerText="URL" itemRenderer="urlRenderer"/>    
  20:     </mx:columns>    
  21: </mx:DataGrid>
  22: 
  23: </mx:Application>

urlRenderer.mxml

   1: <?xml version="1.0" encoding="utf-8"?>
   2: <mx:LinkButton xmlns:mx="http://www.adobe.com/2006/mxml"
   3:                 label="Click On Me"
   4:                 click="navigateToURL(new URLRequest(data.url))"/>

   5: </mx>

posted on 2008-08-17 14:51  『小小菜鸟』  阅读(1608)  评论(0编辑  收藏  举报