commentstab.mxml

flex 实现的一个showcase 喜欢flex的朋友可以

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
	xmlns:mx="http://www.adobe.com/2006/mxml"
	
	backgroundAlpha="0"
	backgroundColor="0x009900"
	
	left="0"
	right="0"
	top="0"
	bottom="0"
	
	label="Comments"
	
	resize="this.handleResize(event)"
	horizontalScrollPolicy="off" verticalScrollPolicy="off"
	
	creationComplete="creationCompleteHandler(event);">

	<mx:Script>
		<![CDATA[
			////////////////////////////////////////////////////////////////////////////////
			//import
			import mx.collections.ArrayCollection;
			import org.flex.engine.FlexEngine;
			import org.flex.engine.managers.Comment;
			import org.flex.backend.screens.account.comments.events.*;
			import org.flex.events.*;
			
			/////////////////////////////////////////////////////////////////////////////////
			//private variables
			[Bindable]
			private var flexEngine:FlexEngine;
			
			//////////////////////////////////////////////////////////////////////////////////////
			//initialization
			
			private function creationCompleteHandler(event:Event):void {
				flexEngine = FlexEngine.getInstance();
				comments_grid.addEventListener(CommentReplyLaunchEvent.COMMENT_REPLY_LAUNCH,handleCommentLaunchRequest);
				comments_grid.addEventListener(CommentDeleteEvent.COMMENT_DELETE,handleCommentDeleteRequest);
			}
			
			//general--------------------------------------------------------------------------
			public function show():void {
				//
			}
			
			private function handleResize(event:Event):void{
				//
			}
			
			private function handleCommentLaunchRequest(event:CommentReplyLaunchEvent):void{
				replyToMessage(event.comment);
			}
			
			
			private function handleCommentDeleteRequest(event:CommentDeleteEvent):void{
				//
			}
			
			
			
			//message---------------------------------------------------------------------------------
			private function replyToMessage(i_comment:Comment):void {
				var flexDotOrgCommentEvent:FlexDotOrgCommentEvent = new FlexDotOrgCommentEvent(FlexDotOrgCommentEvent.ADD_COMMENT);
				flexDotOrgCommentEvent.comment = i_comment;
				
				dispatchEvent(flexDotOrgCommentEvent);
			}
			
			private function editMessage(i_comment:Comment):void {
				var flexDotOrgCommentEvent:FlexDotOrgCommentEvent = new FlexDotOrgCommentEvent(FlexDotOrgCommentEvent.EDIT_COMMENT);
				flexDotOrgCommentEvent.comment = i_comment;
				
				dispatchEvent(flexDotOrgCommentEvent);
			}
			
			private function filterOutReplies(i_arr:ArrayCollection):ArrayCollection{
				var f_arr:ArrayCollection=new ArrayCollection();
				
				for(var i:uint=0;i<i_arr.length;i++){
					var comment:Comment=i_arr[i] as Comment;
					if(comment.parentCommentID==0){
						f_arr.addItem(comment);
					}
				}
				return f_arr;
			}
			
			
		]]>
	</mx:Script>
	
	<mx:Canvas width="1" height="100%" backgroundColor="0xbbbbbb"/>
	<mx:Canvas width="1" height="100%" right="0" backgroundColor="0xbbbbbb"/>
	
	<mx:Label left="10" top="10" styleName="checkboxListHeaderText" text="The selected application does not yet have any comments." visible="{!flexEngine.currentUserProject.hasComments}" />
	
	<mx:VBox id="vBoxContainer" width="100%"  horizontalScrollPolicy="off" verticalScrollPolicy="off">
		<mx:DataGrid 
			id="comments_grid"
			width="100%" height="{this.height+1}"
			headerHeight="20"
			dataProvider="{filterOutReplies(flexEngine.currentUserProject.comments)}" 
			variableRowHeight="true" wordWrap="true"
			selectable="false"
			draggableColumns="false">
			<mx:columns>				
				<mx:DataGridColumn headerText="Date" dataField="created" headerStyleName="projectInfoDGHeader"  
					itemRenderer="org.flex.backend.screens.account.comments.DateRepliesRenderer"  />
				<mx:DataGridColumn headerText="Author" dataField="name" headerStyleName="projectInfoDGHeader" />
				<mx:DataGridColumn headerText="Comment" dataField="body" headerStyleName="projectInfoDGHeader"/>
				<mx:DataGridColumn headerText="Replies" dataField="numComments" paddingRight="10" 
					headerStyleName="projectInfoDGHeader"  textAlign="left"
					itemRenderer="org.flex.backend.screens.account.comments.CommentRepliesRenderer" />
			</mx:columns>
		</mx:DataGrid>
	</mx:VBox>
</mx:Canvas>