实习日志（7）：Flex的repeater组件

上午在昨天工作的基础上，修改了浏览板报的形式。即把由DataGrid展示的内容改为由panel面板展示，问题的难点在于如何令panel面板将数据库中的数据循环显示出来

——使用repeater组件，可以达到循环显示数据的目的。

实现方法：

 <mx:VBox>     <mx:Repeater id="rp" dataProvider="{lookContent.lastResult.Contents.Content}">     <mx:Panel width="835" height="239" layout="absolute" title="板报标题：{rp.currentItem.title}" fontWeight="bold" fontSize="15" horizontalCenter="25" verticalCenter="10" borderColor="#050505" cornerRadius="20" alpha="1.0"><mx:Label x="0" y="10" text="板报内容："/><mx:Text x="10" y="42" text="{rp.currentItem.content}" width="795" height="97" alpha="1.0"/><mx:Label x="144" y="163" text="发布人：{rp.currentItem.author}" width="124"/><mx:Label x="435" y="163" text="失效时间：{rp.currentItem.finish}"/></mx:Panel>   </mx:Repeater> </mx:VBox>

显示效果：

 

数据源写法：
 <mx:Repeater id="rp" dataProvider="{lookContent.lastResult.Contents.Content}">

绑定数据进行显示：
text="{rp.currentItem.content}"

 

XML格式
<Contents>
 <Content>
   <id>1</id>
   <title>w</title>
   <content>w</content>
   <start>10/16/2012</start>
   <finish>10/17/2012</finish>
   <author>admin</author>
 </Content>
<Contents>

 即将XML文件送给repeater，令其显示即可。

 

下午研究了在Datarid中增加LinkButton的方法，看了一个博客，终于搞出了通过LinkButton删除DataGrid中一行数据的方法，可惜博客地址当时没记、、、

具体实现：

<!--dataProvider接收HttpService(lookContent)返回的值-->  <mx:DataGrid dataProvider="{lookContent.lastResult.Contents.Content}" width="808" textAlign="center" borderStyle="inset" height="334" id="list" verticalCenter="-10" x="16.5"> <mx:columns><mx:DataGridColumn headerText="板报标题" dataField="title" width="150"/>  <mx:DataGridColumn headerText="失效时间" dataField="finish" width="150"/><!--在该列中（修改板报）添加LinkButton，具体功能没做，明天搞吧-->      <mx:DataGridColumn headerText="修改板报"  dataField="id" width="60" ><mx:itemRenderer>              <mx:Component>                 <mx:LinkButton toolTip="修改板报" click="" icon="@Embed('image/update.gif')">                 </mx:LinkButton>              </mx:Component>             </mx:itemRenderer></mx:DataGridColumn><!--在该列中（删除板报）添加LinkButton-->  <mx:DataGridColumn dataField="id" headerText="删除板报" width="60" ><mx:itemRenderer>               <mx:Component>                 <mx:LinkButton toolTip="删除板报"  click="deletebtn(event)" icon="@Embed('image/delete.gif')">                    <mx:Script>  <![CDATA[  import mx.controls.Alert;  private function deletebtn(event:MouseEvent):void{  outerDocument.deletebtn(event);  }   ]]></mx:Script>                  </mx:LinkButton>                </mx:Component>              </mx:itemRenderer></mx:DataGridColumn></mx:columns>  </mx:DataGrid>

deletebn()调用的外部方法deletebn()：

public function deletebtn(event:MouseEvent):void{    deleteContent.send(); }

HTTPService——deleteContent部分

    <!--删除板报--><mx:HTTPService id="deleteContent" url="http://localhost:8080/BlackBoardV1.5/ContentServlet"useProxy="false"method="post" result="deleteHandler(event)">   <mx:request>        <flag>{"delete"}</flag>        <id>{list.selectedItem.id}</id>   </mx:request></mx:HTTPService>

 

运行效果：

删除板报：

 

一些概念性的东东：
selectedItem selectedIndex区别？？
SelectedIndex是说被选中项的顺序
而SelectedItem是被选择项本身

 

错误处理：

每天都有错误，啊啊啊，不知道是运气不好还是水平太次，每天放在处理错误上的时间大把大把的。

1、DataGrid中定义的方法不能引用外部的HTTPService id。

解决方法：

在DateGrid中定义内部函数，通过内部函数获取外部的方法和属性。

实现过程中参考了该大神博客：

http://www.cnblogs.com/sange/archive/2012/03/22/2412281.html

2、java.lang.NoSuchMethodError: com.model.ContentDao.deleteContent(I)Z

让我郁闷的一个错误，查了半天，后来重启了Tomcat之后不再报错了、、