`

flex增删改查,分页demo

阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"  
    height="491"
    width="100%"
    initialize="initApp();"
    >
     <mx:Style>
    	.edituser {
		fontFamily: 宋体;
		fontSize: 13;
		}	
    </mx:Style>
    
    <mx:Script>
     <![CDATA[
    import mx.controls.Alert;
    import mx.rpc.events.ResultEvent;
    import mx.events.CloseEvent;
	import mx.core.Application;
	import mx.managers.PopUpManager;
	import mx.events.DynamicEvent;
	
	private var  zteData:XML;
	
	//分页的类
	import mx.controls.Button;
	import mx.controls.Alert;
	import mx.collections.ArrayCollection;
	[Bindable]
	 private var mydata:ArrayCollection = new ArrayCollection();
	[Bindable]
	 private var mypagedata:ArrayCollection = new ArrayCollection();
	        public var pagecount:int=20;
            public var curpage:int;
            public var totalpage:int;
            public var totalcount:int;
           
            public function initdata(mydata:ArrayCollection):void
            {
              
               mypagedata.removeAll(); 
                if(mydata.length>0 && null!=mydata)
                {
                    totalcount = mydata.length; 
                    totalpage = (totalcount + pagecount - 1) / pagecount;
                    setPager(0); 
                    inputpage.minimum=1;
                    inputpage.maximum=totalpage;
                }else{
                   totalcount = 0;
                   totalpage = 0;
                   curpage = 0;
                     inputpage.minimum = 0;
                     inputpage.maximum = 0;
                    pagedetail.text = "第0页/共0页   共0条纪录";
                }
            }
            
             public function setPager(value:int):void
            {
                if(value<0 || value>=totalpage) return;
                curpage = value;
                var curNum:int = value*pagecount;
                mypagedata.removeAll();
                for(var i:int=0;curNum<mydata.length&&i<pagecount;i++,curNum++)
                {
                    mypagedata.addItem(mydata.getItemAt(curNum));
                }
                var temp:int = curpage+1;
               
                pagedetail.text = "第"+temp+"页/共"+totalpage+"页   共条"+totalcount+"记录";
               
            } 
	
	 //打印导出excel
    import flash.net.URLRequest;
    import flash.net.URLRequestMethod;   
    import flash.net.navigateToURL;   
    public function export():void{   
    	   //Alert.show(dayin.name);
           var u:URLRequest = new URLRequest('http://localhost:8080/ZTE_BEMS/stickEquipAction.action?equip_id='+equip_id.text+'&'+'dayin='+dayin.name);   
           u.method = URLRequestMethod.POST;
              
           navigateToURL(u,"_blank");  
        } 
	
     private function initApp () :void {
    	UpUserDG.visible = false;
    //下拉列表 区域
    	stickGropType.url = "stickGropTypeAction.action";
        stickGropType.send();
    //分项
       stickEnergyItem.url = "stickEnergyItemAction.action";
       stickEnergyItem.send();
       
     //厂家
       stickFactory.url = "stickFactoryAction.action";
       stickFactory.send();  
    }
    //下拉框值
     private function dataResult1(event:ResultEvent):void
			{

            zteData = XML(event.result);
            //Alert.show(zteData);
            grop_item_id1.dataProvider = zteData.child("stickGropType");
			}
			//下拉框值
     private function dataResult2(event:ResultEvent):void
			{

            zteData = XML(event.result);
            //Alert.show(zteData);
            en_item_id1.dataProvider = zteData.child("stickEnergyItem");
			}
			
			//下拉框值
     private function dataResult3(event:ResultEvent):void
			{

            zteData = XML(event.result);
            //Alert.show(zteData);
            fact_id1.dataProvider = zteData.child("stickFactoryInfo");
			}
	
    
    public function onSubMit(evt:MouseEvent):void{
    	mydata.removeAll();
        stickEquip.url = "stickEquipAction.action";
        stickEquip.send();
    }


         private var stickUserInfo:XMLList = new XMLList();
         private function dataResult(event:ResultEvent):void
			{

            zteData = XML(event.result);
		
			//equipDG.dataProvider= zteData.child("stickEquipInfo"); 
			xmlD = zteData.child("stickEquipInfo"); 
             for(var i:int=0;i<xmlD.length();i++){
                    var obj:Object = new Object(); 
                     
                    obj.equip_id = xmlD[i].equip_id;
                    obj.grop_item_id = xmlD[i].grop_item_id;
                    obj.en_item_id = xmlD[i].en_item_id;
                    obj.seqno  = xmlD[i].seqno;
                    obj.fact_id = xmlD[i].fact_id;
                    obj.equip_name = xmlD[i].equip_name;
                    obj.equip_state = xmlD[i].equip_state;
                    obj.describe = xmlD[i].describe
                    mydata.addItem(obj);
                 }
                   initdata(mydata);
			
			}
			
			
	     //删除操作	
	         private var  xmlD:XMLList;	
			 public function OnDelete (data:Object) :void {
			 	stickEquip.url = "stickEquipDelAction.action";
			 	equipId.text = editid.text;
                stickEquip.send();
                //删除选择节点对象
                 for ( var i:Number = 0 ; i < xmlD.length() ; i++ ) 
    			 { 
    			 	
			       if ( xmlD[i].equip_id ==  editid.text )  
			       { 
			       	
			        delete xmlD[i];         
			       } 
			     }     

                equipDG.dataProvider= xmlD;
                Alert.show("删除成功"); 
             }
             
             
        //修改操作赋值框 
        private var staticData:Object;
//        public function openEditWindow(data:Object):void {
//                     
//            UpUserDG.visible = true;
//            insert.visible = false;
//            update.visible = true;
//            equip_id1.text = data.equip_id;
//            grop_item_id1.text = data.grop_item_id;
//            en_item_id1.text = data.en_item_id;
//            seqno1.text = data.seqno;
//            fact_id1.text = data.fact_id
//            equip_name1.text = data.equip_name;
//            equip_state1.text = data.equip_state;
//            describe1.text = data.describe;
//            staticData = data;
//           
//            popupWindow();
//            
//      }
     public function editUser1():void{
      	if (editid.text == "" || editid.id == null){
      		Alert.show("当前没有选择数据!");
      	}else{
      		popupWindow();
      		update.visible = true;
            insert.visible = false;
      	 }
       }
     public function deluser1():void{
      	if (editid.text == "" || editid.text == null){
      		Alert.show("当前没有选择数据!");
      	}else{
      		OnDelete(null);
      	 }
       }
      
      //确定修改
       public function OnUpdata(data:Object):void {
       	        
            	editEquip.url = "stickEquipUpdateAction.action";
                editEquip.send();
                
                window.visible =false;
                window = null;
                UpUserDG.visible = false;
                Alert.show("修改成功")
               
      }
      //修改返回
       private function editResult(event:ResultEvent):void
       {
     
       	     staticData.equip_id = equip_id1.text ;
             staticData.grop_item_id = grop_item_id1.selectedItem.grop_item_id ;
             staticData.en_item_id = en_item_id1.text  ;
             staticData.seqno =  seqno1.text  ;
             staticData.fact_id =  fact_id1.text ; 
             staticData.equip_name  =  equip_name1.text  ;
             staticData.equip_state =  equip_state1.text  ;
             staticData.describe = describe1.text;
           
       }
       
       //插入操作
     public function OnInsertWindow(data:Object):void {
            equip_id1.text = null;
         // grop_item_id1.text = null;
         // en_item_id1.text = null;
            seqno1.text = null;
         // fact_id1.text = null;
            equip_name1.text = null;
            equip_state1.text = null;
            describe1.text = null;
            
            popupWindow();
            UpUserDG.visible = true;
            update.visible = false;
            insert.visible = true;
            
      }
      
      //插入确定
       public function OnInsert(data:Object):void {
               
               insertEquip.url = "stickEquipInsertAction.action";
               insertEquip.send();
               UpUserDG.visible = false;
               window.visible = false; 
               window = null; 
               Alert.show("插入成功");
      }
      
        import mx.core.UIComponent;
		import mx.events.FlexEvent;
		import mx.managers.PopUpManager;
		import sjd.containers.ResizeWindow;
		
		private var oldX:Number = 0;
		private var oldY:Number = 0;
		private var window:ResizeWindow = null;
		
      public function popupWindow():void{
			if(window == null){
			window = ResizeWindow(PopUpManager.createPopUp(this, ResizeWindow, true));
			
			window.x = 300;
			window.y = 220;
			window.width = this.width/2.1;
			window.height = this.height/1.3;
			window.showWindowButtons = true;
			window.title ="设备维护信息";
			window.styleName ="edituser";
			window.addEventListener("closeWindow", closeWindow);
			window.addChild(UpUserDG);
			UpUserDG.visible =true
			
			}
		}
		private function closeWindow(event:FlexEvent):void{
			PopUpManager.removePopUp(ResizeWindow(event.currentTarget));
			window = null;
			UpUserDG.visible ="false"
		}
      
      
     ]]>
      
    </mx:Script> 
    <!--下拉框  区域-->
      <mx:HTTPService id="stickGropType"
					useProxy="false"
                    result="dataResult1(event)" 	
					method="post"
					showBusyCursor="true"
					resultFormat="xml">
					
			  <mx:request>
			<!--查询条件-->
			 <grop_item_id>{""}</grop_item_id>
		      </mx:request>
   </mx:HTTPService>
    <!--下拉框 分项-->
  	<mx:HTTPService id="stickEnergyItem"
					useProxy="false"
                    result="dataResult2(event)" 	
					method="post"
					showBusyCursor="true"
					resultFormat="xml">
					
					<mx:request>
			          <en_item_name>{""}</en_item_name>
		           </mx:request>
	</mx:HTTPService>
 
 <!--下拉框 厂家-->
  <mx:HTTPService id="stickFactory"
					useProxy="false"
                    result="dataResult3(event)" 	
					method="post"
					showBusyCursor="true"
					resultFormat="xml">
			  <mx:request>
			<!--查询条件-->
			<fact_id>{""}</fact_id>
		      </mx:request>
	</mx:HTTPService>
 
    
    <mx:HTTPService id="stickEquip"
					useProxy="false"
                    result="dataResult(event)" 	
					method="post"
					showBusyCursor="true"
					resultFormat="xml">
					
			  <mx:request>
			<!--查询条件-->
			<equip_id>{equip_id.text}</equip_id>
			
		    <!--删除传值条件--> 
		    <equipId>{equipId.text}</equipId>
		      </mx:request>
	</mx:HTTPService>
    
    	<mx:HTTPService id="editEquip"
					useProxy="false"
                    result="editResult(event)" 	
					method="post"
					showBusyCursor="true"
					resultFormat="xml">

		<mx:request>
		     <!--Updata-->
		    <equip_id1>{equip_id1.text}</equip_id1>
		     
		    <grop_item_id1>{grop_item_id1.selectedItem.grop_item_id}</grop_item_id1>
		     	
		    <en_item_id1>{en_item_id1.selectedItem.en_item_id}</en_item_id1>
		     
		    <seqno1>{seqno1.text}</seqno1>
		     
		    <fact_id1>{fact_id1.selectedItem.fact_id}</fact_id1>
		     	
		    <equip_name1>{equip_name1.text}</equip_name1>
		     
		    <equip_state1>{equip_state1.text}</equip_state1>
		     	
		    <describe1>{describe1.text}</describe1>
		     
		</mx:request>
	</mx:HTTPService>
	
	
	 <!--insert-->
	<mx:HTTPService id="insertEquip"
					useProxy="false"
                    result="" 	
					method="post"
					showBusyCursor="true"
					resultFormat="xml">

		<mx:request>
		    
		    <equip_id1>{equip_id1.text}</equip_id1>
		     
		    <grop_item_id1>{grop_item_id1.selectedItem.grop_item_id}</grop_item_id1>
		     	
		    <en_item_id1>{en_item_id1.selectedItem.en_item_id}</en_item_id1>
		     
		    <seqno1>{seqno1.text}</seqno1>
		     
		    <fact_id1>{fact_id1.selectedItem.fact_id}</fact_id1>
		     	
		    <equip_name1>{equip_name1.text}</equip_name1>
		     
		    <equip_state1>{equip_state1.text}</equip_state1>
		     	
		    <describe1>{describe1.text}</describe1>
		     
		</mx:request>
	</mx:HTTPService>
    
    
 
    <mx:Label text="设备标识:" x="10" y="10"/>
    <mx:Grid>
        <mx:GridRow width="100%" height="100%">
        </mx:GridRow>
    </mx:Grid>

<!--删除条件-->
    <mx:Label id="equipId" text="" visible="false" includeInLayout="false" />
<!--修改后删除条件-->
    <mx:Label id="editid" name="edit" visible="false" text="{equipDG.selectedItem.equip_id}" />
    
    
               <mx:DataGrid  id="equipDG" dataProvider="{mypagedata}" width="100%" height="70%" styleName="bemsLabelFontM"  x="10" y="36">
                              <mx:columns>
                                     <mx:DataGridColumn headerText="设备标识"  dataField="equip_id" width="100" />
                                     <mx:DataGridColumn headerText="区域标识" dataField="grop_item_id" width="100"/> 
                                     <mx:DataGridColumn headerText="分项标识" dataField="en_item_id" width="100" />
                                     <mx:DataGridColumn headerText="表设备标识" dataField="seqno" width="100" />
                                     <mx:DataGridColumn headerText="厂家标识" dataField="fact_id" width="100" />
                                     <mx:DataGridColumn headerText="设备名称" dataField="equip_name" width="100" />
                                     <mx:DataGridColumn headerText="设备状态" dataField="equip_state" width="100" />
                                     <mx:DataGridColumn headerText="描述" dataField="describe" width="180" />
                                      
                                      
                                      <!--
                                    	<mx:DataGridColumn visible="true" headerText="用户操作" resizable="false">
                                                      <mx:itemRenderer>
                                                      <mx:Component>
                                                       <mx:Button styleName="bemsButton" fontWeight="normal" label="修改" click="outerDocument.openEditWindow(data)" /> 
                                                    
                                                      </mx:Component>
                                                      
                                                     </mx:itemRenderer>
                                       </mx:DataGridColumn>
                                         
                                       
                                       <mx:DataGridColumn visible="true" headerText="用户操作" resizable="false">
                                                      <mx:itemRenderer>
                                                      <mx:Component>
                                                        <mx:Button  styleName="bemsButton" fontWeight="normal" label="增加"  click="outerDocument.OnInsertWindow(data);" />
                                                     
                                                      </mx:Component>
                                                     </mx:itemRenderer>
                                       </mx:DataGridColumn>
                                        
                                        
                                        <mx:DataGridColumn visible="true" headerText="用户操作" resizable="false">
                                                      <mx:itemRenderer>
                                                      <mx:Component>
                                                        <mx:Button  styleName="bemsButton" fontWeight="normal" label="删除"  click="outerDocument.OnDelete(data);" />
                                                      </mx:Component>
                                                     </mx:itemRenderer>
                                       </mx:DataGridColumn>
                                        -->
                                       
                                       
                  
                             </mx:columns>
     
                   </mx:DataGrid> 
    <mx:HBox width="100%" horizontalAlign="right" verticalAlign="middle" height="10%" y="387" x="10">
        <mx:Label text="第0页/共0页" id="pagedetail"/>
        <mx:LinkButton label="首页" click="setPager(0)"/>
        <mx:LinkButton label="上一页" click="setPager(curpage-1)"/>
        <mx:LinkButton label="下一页" click="setPager(curpage+1)"/>
        <mx:LinkButton label="末页" click="setPager(totalpage-1)"/>
        <mx:NumericStepper id="inputpage" stepSize="1" minimum="0" maximum="0" cornerRadius="0"/>
        <mx:LinkButton label="跳转" click="setPager(inputpage.value-1)"/>

     </mx:HBox>
                   <mx:Button label="检索"
                   			   click="onSubMit(event);" x="254" y="8"/>
                   <mx:Button id="dayin" name="wori" label="打印导出" click="export();" x="1175" y="8"/>
                   <mx:TextInput
                   				  id="equip_id"
                   				  text="" height="22" x="77" y="8"/>
                   <mx:Button label="添加" click="OnInsertWindow(event);" x="319" y="8"/>
                   <mx:Button label="编辑"  x="385" y="8" click="editUser1();"/>
                   <mx:Button label="删除" x="453" y="8" click="deluser1()"/>
 	
    
                  <mx:Grid id="UpUserDG" height="261" width="544" styleName="edituser">
                                    <mx:GridRow width="531" height="248">
                                        <mx:GridItem width="534" height="300">
                                            <mx:Grid width="517" height="238">
                                                <mx:GridRow width="100%" height="29">
                                                    <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                   <mx:Label text="设备标识:" styleName="bemsLabelFontM" />
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                        <mx:TextInput id="equip_id1" fontSize="10" width="138" height="22" text="{equipDG.selectedItem.equip_id}"/>
                                                    </mx:GridItem>
                                                    
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                   <mx:Label text="区域标识:" styleName="bemsLabelFontM" />
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                      <!--  <mx:TextInput id="grop_item_id1" fontSize="10" width="107" height="22"/> -->
     
                                                        <mx:ComboBox id="grop_item_id1"  labelField="grop_name" styleName="bemsLabelFontS" width="130"></mx:ComboBox>
                                                    </mx:GridItem>
                                                    
                                                    
                                                </mx:GridRow>
                                                
                                                
                                                <mx:GridRow width="100%" height="26">
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                   <mx:Label text="分项标识:" styleName="bemsLabelFontM" />
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                     <!--   <mx:TextInput id="en_item_id1" fontSize="10" width="108" height="22" text=""/>-->
                                                         <mx:ComboBox id="en_item_id1"  labelField="en_item_name" styleName="bemsLabelFontS" width="139"></mx:ComboBox>
                                                    </mx:GridItem>
                                                    
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                   <mx:Label text="表设备标识:" styleName="bemsLabelFontM" />
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                        <mx:TextInput id="seqno1" fontSize="10" width="127" height="22" text="{equipDG.selectedItem.seqno}" />
                                                    </mx:GridItem>
                                                </mx:GridRow>   
                                                
                                                
                                                <mx:GridRow width="100%" height="25">
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                   <mx:Label text="厂家标识:" styleName="bemsLabelFontM" />
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                       <!-- <mx:TextInput id="fact_id1" fontSize="10" width="123" height="22" text=""/>-->
                                                          <mx:ComboBox id="fact_id1"  labelField="factory_name" styleName="bemsLabelFontS" width="136"></mx:ComboBox>
                                                    </mx:GridItem>
                                                    
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                   <mx:Label text="设备名称:" styleName="bemsLabelFontM" />
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                        <mx:TextInput id="equip_name1" fontSize="10" width="128" height="22" text="{equipDG.selectedItem.equip_name}"/>
                                                    </mx:GridItem>
                                                </mx:GridRow>  
                                                    
                                                    
                                                     <mx:GridRow width="100%" height="25">
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                   <mx:Label text="设备状态:" styleName="bemsLabelFontM" />
                                                  </mx:GridItem>
                                                    <mx:GridItem width="97" height="58">
                                                        <mx:TextInput id="equip_state1" fontSize="10" width="36" height="22" text="{equipDG.selectedItem.equip_state}"/>
                                                    </mx:GridItem>
                                                    
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                    </mx:GridItem>
                                                </mx:GridRow> 
                                                
                                                 <mx:GridRow width="100%" height="63">
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                         <mx:Label text="描述:" styleName="bemsLabelFontM" />
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                       <mx:TextArea id="describe1" height="62" width="191" text="{equipDG.selectedItem.equip_state}" />
                                                    </mx:GridItem>
                                                    
                                                     <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                  </mx:GridItem>
                                                    <mx:GridItem width="100%" height="58">
                                                    </mx:GridItem>
                                                   
                                                </mx:GridRow> 
                                                 <mx:GridRow width="100%" height="24">
                                                 <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                 </mx:GridItem>
                                                 <mx:GridItem width="97" height="58">
                                                 	<mx:Button label="修改确定" id="update"  name="Up" click="OnUpdata(data);"/>
                                                 	<mx:Button label="增加确定" id="insert" name="In" click="OnInsert(data);" />
                                                 </mx:GridItem>
                                                 
                                                 <mx:GridItem width="30%" height="365" horizontalAlign="right">
                                                 </mx:GridItem>
                                                 <mx:GridItem width="100%" height="58">
                                                 </mx:GridItem>
                                                 </mx:GridRow>
                                                
                                            </mx:Grid>
                                        </mx:GridItem>
                                    </mx:GridRow>
                             
 </mx:Grid>           
                 
</mx:Canvas>

  • 大小: 40 KB
分享到:
评论
1 楼 liuwenfeng554 2011-12-31  
这个案例你那有不  导出列表数据能实现不?   能否给我发一份案例过来277302016@qq.com  谢谢了

相关推荐

Global site tag (gtag.js) - Google Analytics