flex的dataGrid：用checkbook和弹出窗口修改，返回修改本行

cuixuelei

浏览: 52641 次
性别:
来自: 济南

最近访客更多访客>>

z1050334

yang00878

a1002323289

caodou1998928

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Flex Excel Socket Adobe XML

弹出窗口类：CusterEdit.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="400" height="300"
      creationComplete="initComponent()"
      showCloseButton="true"
      close="closeWindow()">

    <mx:Script>

        <![CDATA[

        /* 数据xml格式如下：
            <items>
                <item label="Tom" data="num001"/>
                <item label="Lucy" data="num002"/>
            </items>
        */

         import mx.managers.PopUpManager;
         import mx.rpc.events.ResultEvent;
         import mx.controls.Alert;
         import mx.collections.ArrayCollection;

         [Bindable]public var mainApp:Object = null;
         [Bindable]public var headTitle:String;
         [Bindable]public var url:String;
         [Bindable]public var selectedItem:Object;
         [Bindable]public var callbackFunction:Function; //回调函数

         [Bindable]public var customer_codeS:String;//客户编码
         [Bindable]public var customer_nameS:String;//客户名称
         [Bindable]public var coordinatexS:String;//x坐标
         [Bindable]public var coordinateyS:String;//y坐标
         [Bindable]public var lineArr:ArrayCollection;//线路计划
         [Bindable]public var ship_periodS:String;//配送周期

         [Bindable]
         public var cards:ArrayCollection = new ArrayCollection(
                [ {label:"Visa",data:1}, //这样的数组分配方式也是第一次见:) 经过分析才学习到:这里的"data"似乎是自定义的变量名,label是组件"label"
                  {label:"MasterCard", data:2},
                  {label:"American Express", data:3} ]);

         private function initComponent():void {
            //listDataService.url = url;
            listDataService.send();
         }

        //closeWindow
         private function closeWindow():void {
               PopUpManager.removePopUp(this);
         }

         private function submit():void {
             PopUpManager.removePopUp(this);
             if (coordinatex.text != null && coordinatey.text != null) {
                 //调用父窗体的方法并以参数形式返回选择结果
                 callbackFunction.call(mainApp, coordinatex.text,coordinatey.text,ship_period.text,line.selectedItem["data"],line.selectedItem["label"]);
             } else{
             Alert.show("怎么走了这");
             }


         }

         private function mySelection(oEvent:Event):void {
             selectedItem = oEvent.target.selectedItem;
         }

        private function initListData(event:ResultEvent):void {
            //使用HTTPService返回的xml数据,初始化List数据
            //dataList.dataProvider = event.result.items.item;
        }

       ]]>
    </mx:Script>

    <mx:HTTPService id="listDataService" url="{url}" showBusyCursor="true" result="initListData(event)" />

    <mx:Label text="{headTitle}"/>


   <mx:FormItem label="客户编码：" width="237">
     <mx:Text id="customer_code" width="124" height="31"/>
   </mx:FormItem>
   <mx:FormItem label="客户名称：" width="237">
     <mx:Text id="customer_name" width="124"/>
   </mx:FormItem>
   <mx:FormItem label="经度坐标：" width="237">
     <mx:TextInput id="coordinatex" width="124"/>
   </mx:FormItem>
   <mx:FormItem label="纬度坐标：" width="237">
     <mx:TextInput id="coordinatey" width="124"/>
   </mx:FormItem>
   <mx:FormItem label="配送周期：" width="237">
     <mx:TextInput id="ship_period" width="145"/>
   </mx:FormItem>
   <mx:FormItem label="线    路：" width="237">
     <mx:ComboBox id="line" width="147"/>
   </mx:FormItem>
    <mx:VBox width="100%">
        <mx:Button label="保存" click="submit();"/>
    </mx:VBox>

</mx:TitleWindow>

父窗体：CustomerList.mxml里面用的是DataGrid 修改、地图定位

<?xml version="1.0" encoding="utf-8"?>

<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
                width="990"
                height="304"
                showCloseButton="true"
                creationComplete="init()"
                close="{PopUpManager.removePopUp(this)}"
                title="零售户信息"
                fontSize="12"
                xmlns:components="com.bluesword.cargps.components.*">

<mx:Script source="utils.as"/>

    <mx:Script>
        <![CDATA[
        import com.bluesword.cargps.socket.CustomerMap;
            import com.bluesword.cargps.utils.Global;
            import mx.controls.Alert;
            import mx.controls.dataGridClasses.DataGridColumn;
            import com.bluesword.cargps.socket.ChengWeiData;
            import mx.collections.ArrayCollection;
            import mx.rpc.events.ResultEvent;
            import mx.rpc.remoting.RemoteObject;
            import mx.managers.PopUpManager;
            import mx.events.ListEvent;
            import mx.rpc.events.ResultEvent;
            import mx.events.DataGridEvent;
            import com.esri.ags.Map;
            import com.bluesword.cargps.AcceptUserInfo
            import mx.collections.ArrayCollection;
            import mx.rpc.events.FaultEvent;
            import com.bluesword.cargps.frame.report.CusterEdit;
            import mx.containers.TitleWindow;
      import mx.managers.PopUpManager;

   private static var flexSession:RemoteObject = null;

            private var customerService:RemoteObject;

public var userInfo:Object;

[Bindable]
private var array_qy:ArrayCollection;

[Bindable]
private var array_start:ArrayCollection;

            [Bindable]
            private var array_info:ArrayCollection;

            [Bindable] public var array_line:ArrayCollection;

   [Bindable]
   public var map:Map;

   public var acceptUserInfo:AcceptUserInfo;

   public var checkBox_info:String = new String();


            private function init():void
            {

                customerService = new RemoteObject();
                customerService.destination = "story.customerService";

    flexSession = new RemoteObject();
           flexSession.addEventListener(FaultEvent.FAULT,faultHandler);
           flexSession.destination="flexSession";

                //根据所选情况进行查询
                customerService.getCustomerInfo.addEventListener(ResultEvent.RESULT, getCarMonthOilUseInfoHandler);

                customerService.getCustomerType.addEventListener(ResultEvent.RESULT,addCustType);
                customerService.getCustomerType("CUSTOMER_STATUS");

                customerService.onSubmit.addEventListener(ResultEvent.RESULT,getSubmit);

                //初始化客户类型
    addCustStart();

    flexSession.getLoginUser.addEventListener(ResultEvent.RESULT,getFlexSession);//获得角色
    flexSession.getLoginUser();

    //获得线路
    customerService.getLine.addEventListener(ResultEvent.RESULT,getLine);
    customerService.getLine();

            }

            //获得线路
            public function getLine(event:ResultEvent):void{
            array_line = event.result as ArrayCollection;
            }

            //获得权限
            public function getFlexSession(event:ResultEvent):void{
             var tmp:Object = event.result;
             userInfo = String(tmp.role_id);
      }


   //绑定客户类型
   private function addCustType(event:ResultEvent):void
   {

    array_qy = event.result as ArrayCollection;
    var def:Object = {
                        type_code: "0",
                        type_name: "全部"
                    };
                array_qy.addItemAt(def, 0);
                custType.selectedIndex = 0;

   }

   //绑定状态
   private function addCustStart():void
   {
    array_start = new ArrayCollection;
    var str1:Object = {start_code:"1",start_name:"提交"};
                array_start.addItemAt(str1,0);
                var str2:Object = {start_code:"2",start_name:"未提交"};
                array_start.addItemAt(str2,1);
                startM.selectedIndex = 0;
   }

            /**
             * 获取车辆日里程油耗统计信息
             */
            private function getCarMonthOilUseInfoHandler(event:ResultEvent):void
            {
                array_info = event.result as ArrayCollection;
//                gc.refresh();
    var item:Object = (myDG.dataProvider as ArrayCollection).getItemAt(1);
                if (array_info.length > 0)
                    Alert.show("查询完毕");
                else
                    Alert.show("查询完毕,无信息");
            }

            /**
             * 根据指定的条件查询
             */
            private function onQuery():void
            {

                customerService.getCustomerInfo(customer_code.text,customer_name.text,startTime.text,endTime.text,custType.selectedItem.type_code,startM.selectedItem.start_code);

            }

            /**
             * 导出为Excel文件
             */
            private function onCreate():void
            {
                loadDGInExcel(myDG, Global.EXCEL_JSP, "零售户信息表");
            }

            /**
             * 双击车辆树型列表, 居中定位该车
             */
            public function onDoubleClick(event:ListEvent):void
            {
               var datagrid:DataGrid = event.target as DataGrid;
               var cols:DataGridColumn = myDG.columns[event.columnIndex];
               var customer_no = datagrid.selectedItem["customer_no"];

               var customer:CustomerMap = new CustomerMap(map);
               customer.showCustomerOnMap(customer_no);
            }

            //保存
            private function update(e:ListEvent)
            {

            /*var colIndex:Number = e.columnIndex;
            var datagrid:DataGrid = e.target as DataGrid;
            var col:DataGridColumn = datagrid.columns[colIndex];
            var x:Number = datagrid.selectedItem["coordinatex"];
            var y:Number = datagrid.selectedItem["coordinatey"];*/
            //acceptUserInfo
            myDG.invalidateList();
            }

            public function onEditEnd(event:DataGridEvent):void
            {

    /*if(event.reason == DataGridEventReason.NEW_ROW || event.reason == DataGridEventReason.OTHER){


     acItemsSelected = dg.selectedItem;
     var code:String = acItemsSelected.customer_code;
     var x:Number = acItemsSelected.coordinatex;
     var y:Number = acItemsSelected.coordinatey;
     customerService.update(code,x,y);
    }*/
    if(event.dataField=="coordinatex"){
     var datagrid:DataGrid = event.target as DataGrid;
         var cols:DataGridColumn = myDG.columns[event.columnIndex];
     //编辑后新的值
         var x:Number = myDG.itemEditorInstance[cols.editorDataField];
         var code:String = datagrid.selectedItem["customer_code"];
         var y:Number = datagrid.selectedItem["coordinatey"];
         customerService.update(code,x,y);
       }
       if(event.dataField == "coordinatey"){
        var datagrid:DataGrid = event.target as DataGrid;
        var cols:DataGridColumn = myDG.columns[event.columnIndex];
        var y:Number = myDG.itemEditorInstance[cols.editorDataField];
        var code:String = datagrid.selectedItem["customer_code"];
         var x:Number = datagrid.selectedItem["coordinatex"];
         customerService.update(code,x,y);
       }
            }

            //修改方法
            public function onEdit():void
            {
            var x:Number = myDG.selectedItem["coordinatex"];
            var code:String = myDG.selectedItem["customer_code"];
            var name:String = myDG.selectedItem["customer_name"];
            var y:Number = myDG.selectedItem["coordinatey"];
            var ship_period = myDG.selectedItem["ship_period"];

            //customerService.update(code,x,y);

            var titleWindowInstance:CusterEdit = CusterEdit(PopUpManager.createPopUp(this, CusterEdit, false));
          titleWindowInstance.title = "零售户资料修改";
          titleWindowInstance.width = 400;
           titleWindowInstance.height = 300;
           titleWindowInstance.mainApp = this;
           titleWindowInstance.customer_code.text = code;//客户code
           titleWindowInstance.customer_name.text = name;//客户名称
           titleWindowInstance.coordinatex.text = x.toString();//x坐标
           titleWindowInstance.coordinatey.text = y.toString();//y坐标
           titleWindowInstance.ship_period.text = ship_period;//配送周期
           titleWindowInstance.line.dataProvider = array_line;//线路
           titleWindowInstance.url="http://localhost:9090/index.mxml";
           titleWindowInstance.callbackFunction = this.myFunction;

           PopUpManager.centerPopUp(titleWindowInstance);


            }
            public function myFunction(x:String,y:String,ship_periodS:String,lineCode:String,lineName:String):void {
          Alert.show("x:"+x+"y:"+y+"配送周期"+ship_periodS+lineCode+lineName);
          //array_info.getItemAt(myDG.selectedIndex).coordinatex = x;
          //array_info.setItemAt(x,);
          var customer_code:String = myDG.selectedItem["customer_code"];//客户编号
          var customer_name:String = myDG.selectedItem["customer_name"];//客户名称
          var manager_code:String = myDG.selectedItem["manager_code"];//客户经理CODE
          var manager_name:String = myDG.selectedItem["manager_name"];//客户经理名称
          var customer_no:String = myDG.selectedItem["customer_no"];//专卖证号
          var customer_status:String = myDG.selectedItem["customer_status"];//客户类型
          var customer_status_code:String = myDG.selectedItem["customer_status_code"];//客户类型编码
          var customer_type_name:String = myDG.selectedItem["customer_type_name"];//状态
          var customer_start_type:String = myDG.selectedItem["customer_start_type"];//状态编码

          var temp:Object = {customer_code:customer_code,
                  customer_name:customer_name,
                  manager_code:manager_code,
                  manager_name:manager_name,
                  coordinatex:x,
                  coordinatey:y,
                  ship_period:ship_periodS,
                  ship_line_id:lineCode,
                  ship_line_name:lineName,
                  customer_no:customer_no,
                  customer_status:customer_status,
                  customer_status_code:customer_status_code,
                  customer_type_name:customer_type_name,
                  customer_start_type:customer_start_type
                  };

         array_info.setItemAt(temp,myDG.selectedIndex);//修改
            }

             //定位方法
            public function onLocation():void
            {

               var customer_no = myDG.selectedItem["customer_no"];
               var customer:CustomerMap = new CustomerMap(map);
               customer.showCustomerOnMap(customer_no);
            }


      //查询后台错误处理
      public function faultHandler(evt:FaultEvent):void{
          trace(evt.fault.message);
         }

         //提交
         public function onSubmit():void
         {

         if(checkBox_info!="" && checkBox_info.split(";").length>0){
                customerService.onSubmit(checkBox_info);
         }else{
           Alert.show("请选择要提交的客户！");
         }

         }

         public function getSubmit(event:ResultEvent):void
         {
         var outs:String = String(event.result);
         if(outs=="提交成功") onQuery();

         Alert.show(outs);
         }

   public function clickHanlder(obj:Object):void{
    if(obj.chxBox.selected){

     checkBox_info += array_info.getItemAt(myDG.selectedIndex).customer_code+";";
     Alert.show(checkBox_info);
    }else{
     var code:String = array_info.getItemAt(myDG.selectedIndex).customer_code;
     var newArr:String = new String();

     if(checkBox_info!=null && checkBox_info.length>0){
      var arr:Array = checkBox_info.split(";");
      for(var i:Number=0;i<arr.length;i++){

       var s:String = String(arr[i]);

       if(s!=code){
        newArr += s+";";
       }
      }
     }
     checkBox_info = newArr ;
    }

   }

        ]]>
    </mx:Script>

    <mx:Canvas width="100%"
               height="100%">
        <mx:FormItem x="231.5"
                     y="10"
                     label="客户编号："
                     width="71">


        </mx:FormItem>
        <mx:FormItem x="6"
                     y="10"
                     label="客户名称：">
        </mx:FormItem>

        <mx:TextArea id="customer_code"   x="310.5" y="11" width="94.5" leading="10" height="22">

        </mx:TextArea>
        <mx:FormItem x="7"
                     y="43"
                     label="新增用户日期："
                     width="183"
                     horizontalAlign="left">
            <components:CusDateField id="startTime"
                                     width="104"
                                     height="24"
                                     defFormatString="YYYY-MM-DD"/>
        </mx:FormItem>
        <mx:FormItem x="191"
                     y="43"
                     label="-"
                     width="174"
                     horizontalAlign="left">
            <components:CusDateField id="endTime"
                                     width="104"
                                     height="24"
                                     defFormatString="YYYY-MM-DD"/>
        </mx:FormItem>
        <mx:FormItem label="客户类型：" y="41" x="367">
        <mx:ComboBox id="custType"
                         width="89"
                         labelField="type_name"
                         dataProvider="{array_qy}">
            </mx:ComboBox>
        </mx:FormItem>

        <mx:FormItem label="状态" y="41" x="534" width="114">
        <mx:ComboBox id="startM"
             labelField="start_name"
             dataProvider="{array_start}" width="68">
        </mx:ComboBox>
        </mx:FormItem>

        <mx:Button x="413"
                   y="9"
                   label="查询"
                   click="onQuery()"
                   width="69"/>
        <mx:Button x="509"
                   y="9"
                   label="提交"
                   click="onSubmit()"
                   width="69"/>
        <mx:TabNavigator x="0"
                         y="76"
                         width="100%"
                         height="80%">
            <mx:Canvas label="零售户信息"
                       id="carsta"
                       width="100%"
                       height="100%"
                       horizontalScrollPolicy="off"
                       verticalScrollPolicy="off">

                <mx:DataGrid id="myDG"
                             x="0"
                             y="0"
                             width="{carsta.width}"
                             height="{carsta.height}"
                             dataProvider="{array_info}" editable="true"

                             >
                    <mx:columns>
      <mx:DataGridColumn headerText="选择" editable="false">
       <mx:itemRenderer>
                         <mx:Component>
                         <mx:HBox>
                             <mx:CheckBox id="chxBox" label="{data.name}" name="custCheck" click="outerDocument.clickHanlder(this)"/>
                         </mx:HBox>
                         </mx:Component>
                     </mx:itemRenderer>
      </mx:DataGridColumn>
      <mx:DataGridColumn dataField="customer_code"   headerText="客户编号" editable="false"/>
      <mx:DataGridColumn dataField="customer_name"   headerText="客户名称" editable="false"/>
      <mx:DataGridColumn dataField="manager_code"    headerText="客户经理编号" editable="false"/>
      <mx:DataGridColumn dataField="manager_name"    headerText="客户经理名称" editable="false"/>
      <mx:DataGridColumn dataField="coordinatex"     headerText="经度坐标" editable="true"/>
      <mx:DataGridColumn dataField="coordinatey"     headerText="纬度坐标" editable="true"/>
      <mx:DataGridColumn dataField="ship_period"     headerText="配送周期" editable="false"/>
      <mx:DataGridColumn dataField="ship_line_id"    headerText="线路ID" visible="false"/>
      <mx:DataGridColumn dataField="ship_line_name" headerText="线路名称" editable="false"/>
      <mx:DataGridColumn dataField="customer_no"    headerText="专卖证号" visible="false"/>
      <mx:DataGridColumn dataField="customer_status" headerText="客户类型" editable="false"/>
      <mx:DataGridColumn dataField="customer_status_code" headerText="客户类型编码" visible="false"/>
      <mx:DataGridColumn dataField="customer_type_name" headerText="状态" editable="false"/>
      <mx:DataGridColumn dataField="customer_start_type" headerText="状态编码" visible="false"/>
      <mx:DataGridColumn headerText="操作1" editable="false">
       <mx:itemRenderer>
        <mx:Component>
         <mx:Button label="修改" click="outerDocument.onEdit()"/>
        </mx:Component>
       </mx:itemRenderer>
      </mx:DataGridColumn>
      <mx:DataGridColumn headerText="操作2" editable="false">
       <mx:itemRenderer>
        <mx:Component>
         <mx:Button label="定位" click="outerDocument.onLocation()"/>
        </mx:Component>
       </mx:itemRenderer>
      </mx:DataGridColumn>

     </mx:columns>
                </mx:DataGrid>
            </mx:Canvas>
        </mx:TabNavigator>
        <mx:TextArea id="customer_name"
                     width="99"
                      x="93" y="11" height="20">
        </mx:TextArea>
    </mx:Canvas>