从动态 HTTPService 异步获取数据以填充高级数据网格 Flex

Question

我必须填充具有以下字段的高级数据网格： 大陆->国家->社会-->实际值-->估计值 我想模拟金融市场，因此我必须通过来自 HTTPService 的异步请求来更改一些值；你有想法这样做吗？ 谢谢。 如果有必要，我将发布 .as 文件，但它是由 Flex Builder 自动生成的。

以下是客户端 Flex/Air 应用程序的代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"     
pageTitle="prova" 
  creationComplete="initApp()" backgroundGradientColors="[#ffffff, #ffffff]">

<mx:ViewStack id="applicationScreens" width="100%" height="100%">
    <mx:Canvas id="view" width="100%" height="100%">

    <mx:AdvancedDataGrid id="dataGrid" initialize="gc.refresh();"
        borderColor="#000000"
        selectionMode="singleRow"
        rowCount="8"
        editable="false"
        lockedColumnCount="1"
        right="10" left="10" top="10" bottom="71" itemClick="adg_itemClick(event);">
        <mx:dataProvider>
     <mx:GroupingCollection id="gc" source="{dataArr}">
         <mx:grouping>
             <mx:Grouping>
                 <mx:GroupingField name="continenteCol">
            <mx:summaries>     
          <mx:SummaryRow summaryPlacement="group">  

            <mx:fields>
              <mx:SummaryField dataField="actualCol" 
                 operation="SUM"/>
              <mx:SummaryField dataField="estimateCol" 
                 operation="SUM"/>

            </mx:fields>
          </mx:SummaryRow>
              </mx:summaries> 
                </mx:GroupingField>           
                 <mx:GroupingField name="statoCol">

          <mx:SummaryRow summaryPlacement="group">
            <mx:fields>
              <mx:SummaryField dataField="actualCol" 
                operation="SUM" />
              <mx:SummaryField dataField="estimateCol" 
                 operation="SUM"/>

            </mx:fields>
          </mx:SummaryRow>
        </mx:GroupingField>
             </mx:Grouping>
         </mx:grouping>
     </mx:GroupingCollection>
 </mx:dataProvider>
            <mx:columns>
                <mx:AdvancedDataGridColumn  resizable="false" headerText="continente" dataField="continenteCol" />
                <mx:AdvancedDataGridColumn headerText="stato" dataField="statoCol" />
                <mx:AdvancedDataGridColumn headerText="societa" dataField="societaCol" />
                <mx:AdvancedDataGridColumn headerText="actual" dataField="actualCol" />
                <mx:AdvancedDataGridColumn headerText="estimate" dataField="estimateCol" />
            </mx:columns>
    </mx:AdvancedDataGrid>


    <mx:Button id="btnAddNew" click="goToUpdate()" icon="@Embed('icons/AddRecord.png')" toolTip="Add Record" x="10" bottom="10"/>
    <mx:Button id="btnDelete" click="deleteItem()" icon="@Embed('icons/DeleteRecord.png')" toolTip="Delete Record" x="58" bottom="10"/>
    <mx:Label text="Search by continente" right="300" bottom="11"/>
    <mx:TextInput id="filterTxt" width="238" toolTip="Search by continente" enter="filterResults()" right="58" bottom="11"/>
    <mx:Button click="filterResults()" id="filterButton" icon="@Embed('icons/SearchRecord.png')" toolTip="Search by continente" right="10" bottom="10"/>

</mx:Canvas>

<mx:Canvas id="update" width="100%" height="100%">
    <mx:Form width="100%" height="80%" id="provaForm">
                <mx:FormItem label="Continente:" id="continente_form">
                    <mx:TextInput id="continenteCol" text=""/>
                </mx:FormItem>
                <mx:FormItem label="Stato:" id="stato_form">
                    <mx:TextInput id="statoCol" text=""/>
                </mx:FormItem>
                <mx:FormItem label="Societa:" id="societa_form">
                    <mx:TextInput id="societaCol" text=""/>
                </mx:FormItem>
                <mx:FormItem label="Actual:" id="actual_form">
                    <mx:TextInput id="actualCol" text=""/>
                </mx:FormItem>
                <mx:FormItem label="Estimate:" id="estimate_form">
                    <mx:TextInput id="estimateCol" text=""/>
                </mx:FormItem>
    </mx:Form>

    <mx:Button label="Save" id="btnSubmit" click="insertItem()" right="81" bottom="10"/>
    <mx:Button label="Cancel" id="btnCancel" click="goToView()" right="10" bottom="10"/>
</mx:Canvas>

</mx:ViewStack>

这是 .as 文件..

/** * ActionScript 源文件，定义 UI 逻辑和一些数据访问代码。 * 该文件使用 mx:Script 标签链接到主应用程序 MXML 文件。 * 该文件中的大部分函数由定义在中的事件处理程序调用 * MXML。 / 导入 flash.events。；

导入 mx.collections.ArrayCollection; 导入 mx.controls.AdvancedDataGrid； 导入 mx.controls.Alert; 导入 mx.controls.advancedDataGridClasses.AdvancedDataGridColumn; 导入 mx.events.*; 导入 mx.managers.CursorManager; 导入 mx.rpc.AsyncToken; 导入 mx.rpc.events.FaultEvent; 导入 mx.rpc.events.ResultEvent; 导入 mx.rpc.http.HTTPService;

//包括服务器端点URL的常量定义 包括“provaconfig.as”；

/** * gateway : 这是与服务器端php代码的通信层 */ 私有 var 网关：HTTPService = new HTTPService();

/** * 数组集合保存我们在网格中使用的行 */ [可绑定] public var dataArr:ArrayCollection = new ArrayCollection();

/** * 我们排序的列。每次用户点击时都会更新 * 网格列标题。 * 参见 headerRelease="setOrder(event);"在 DataGrid 实例化中 *.mxml 文件 */ 私有 var orderColumn:Number;

/** * 数据库表中的字段列表 * 需要将响应解析为哈希值 */ private var fields:Object = { 'Continue':String, 'stato':String, 'societa':String, 'actual':Number, 'estimate':Number};

/** * 当 mxml 加载完成时执行。初始化 Rest 网关。 */ 私有函数 initApp():void {

/**
 * initialize the gateway
 * - this will take care off server communication and simple xml protocol.
 */
gateway.url = ENDPOINT_URL;
gateway.method = "POST";
gateway.useProxy = false;
gateway.resultFormat = "e4x";

/**
 * set the event handler which prevents editing of the primary key
 */
dataGrid.addEventListener(AdvancedDataGridEvent.ITEM_EDIT_BEGINNING, editCellHandler);

/**
 * set the event handler which triggers the update actions - everytime an 
 * edit operation is finished
 */

dataGrid.addEventListener(AdvancedDataGridEvent.ITEM_EDIT_END, editCellEnd);

gateway.addEventListener(ResultEvent.RESULT, resultHandler);
gateway.addEventListener(FaultEvent.FAULT, faultHandler);

fill();

}

/** * 禁止编辑主键列。 * @param e DataGridEvent 包含有关网格的行和列的详细信息 * 用户点击的位置 */ 私有函数 editCellHandler(e:AdvancedDataGridEvent):void { /** * 如果用户点击主键列，则停止编辑 */ if(e.dataField == "大陆Col") { e.preventDefault(); 返回; } }

/** * 单击“过滤器”按钮的处理程序。 * 当设置另一个过滤器时，刷新集合，并加载新数据 */ 私有函数filterResults():void { 充满（）; }

/** * 当用户完成编辑条目时触发事件处理程序 * 触发“更新”服务器命令 */ 私有函数 editCellEnd(e:AdvancedDataGridEvent):void { var dsRowIndex:int = e.rowIndex; var dsFieldName:String = e.dataField; var dsColumnIndex:Number = e.columnIndex;

var vo:* = dataArr[dsRowIndex];

var col:AdvancedDataGridColumn = dataGrid.columns[dsColumnIndex];
var newvalue:String = dataGrid.itemEditorInstance[col.editorDataField];

trace("a:" + dsRowIndex + ", " + dsFieldName + ", " + dsColumnIndex);

var parameters:* =
{
    "continente": vo.continenteCol,        "stato": vo.statoCol,        "societa": vo.societaCol,        "actual": vo.actualCol,        "estimate": vo.estimateCol    }

parameters[dsFieldName.substr(0,dsFieldName.length-3)] = newvalue;

/**
 * execute the server "update" command
 */
doRequest("Update", parameters, saveItemHandler);    

}

/** *“更新”服务器命令的结果处理程序。 * 只是警告错误，或者如果没问题的话什么也不做——数据已经 * 已在网格中更新 */ 私有函数 saveItemHandler(e:Object):void { if (e.isError) { Alert.show("错误：" + e.data.error); } 别的 { }
}

/** * 数据网格的dragHeader 处理程序。当用户 * 单击数据网格中的标题列 * 更新全局orderColumn变量，刷新TableCollection * @param event DataGridEvent 有关列的详细信息 */ 私有函数 setOrder(事件:AdvancedDataGridEvent):void { orderColumn = event.columnIndex; var col:AdvancedDataGridColumn = dataGrid.columns[orderColumn]; col.sortDescending = !col.sortDescending;

event.preventDefault();
fill();

}

/** * 在“添加”状态下单击“保存”按钮的处理程序 * 收集表单中的信息并向集合中添加一个新对象 / 私有函数 insertItem():void { var 参数： = { “方法”：“插入”，“大陆”：大陆Col.text，“stato”：statoCol.text，“societa”：societaCol.text，“实际”：actualCol.text，“估计”：estimateCol.text };

/**
 * execute the server "insert" command
 */
doRequest("Insert", parameters, insertItemHandler);

}

/** * 插入调用的结果处理程序。 * 如果存在错误则提示 * 如果调用成功，则返回列表，并刷新数据 */ 私有函数 insertItemHandler(e:Object):void { if (e.isError) { Alert.show("错误：" + e.data.error); } 别的 { 去查看（）； 充满（）; }
}

/** * 用于刷新数据的通用实用函数 * 获取过滤和排序，然后分派新的服务器调用 * */ 私有函数 fill():void { /** * 查找订单参数 */ var desc:布尔值 = false; var orderField:String = '';

if(!isNaN(orderColumn))
{
    var col:AdvancedDataGridColumn = dataGrid.columns[orderColumn];
    desc = col.sortDescending;
    //remove the 'Col' particle
    orderField = col.dataField.substr(0,col.dataField.length-3);
}

dataGrid.enabled = false;
CursorManager.setBusyCursor();

var parameters:* =
{
    "orderField": orderField,
    "orderDirection": (desc) ? "DESC" : "ASC", 
    "filter": filterTxt.text
}
/**
 * execute the server "select" command
 */
doRequest("FindAll", parameters, fillHandler);

}

/** * 填充调用的结果处理程序。 * 如果有错误，则将其显示给用户，否则用新数据重新填充 arraycollection * / 私有函数 fillHandler(e:Object):void { if (e.isError) { Alert.show("错误：" + e.data.error); } 别的 { dataArr.removeAll(); 对于每个（var row：e.data.row 中的 XML） { var temp: = {}; for (var key:字段中的字符串) { temp[key + 'Col'] = row[key]; }

        dataArr.addItem(temp);
    }

    CursorManager.removeBusyCursor();
    dataGrid.enabled = true;
}    

}

/** * 单击列表中“删除”按钮的处理程序 * 确认操作并启动deleteClickHandler函数 */ 私有函数deleteItem():void {

if (dataGrid.selectedItem)
{
    Alert.show("Are you sure you want to delete the selected record?",
    "Confirm Delete", 3, this, deleteClickHandler);
}

}

/** * 当确认对话框的事件处理函数出现时 * 删除按钮被按下。 * 如果按下的按钮为“是”，则产品将被删除。 * @param 对象事件 * @什么也不返回 / 私有函数deleteClickHandler(事件:CloseEvent):void { if (event.detail == Alert.YES) { var vo: = dataGrid.selectedItem;

    var parameters:* =
    {
        "continente": vo.continenteCol
    }

    /**
     * execute the server "delete" command
     */
    doRequest("Delete", parameters, deleteHandler);

    setTimeout( function():void
    {
        dataGrid.destroyItemEditor();
    },
    1);
}

}

公共函数deleteHandler(e:*):void { if (e.isError) { Alert.show("错误：" + e.data.error); } 别的 { var Continente:Number = parseInt(e.data.toString(), 10); for (var index:Number = 0;index < dataArr.length;index++) { if (dataArr[index].ContinenteCol == Continente) { dataArr.removeItemAt(索引); 休息; } } }
}

/** * 反序列化xml响应 * 处理错误情况 * * @param e ResultEvent 服务器响应和有关连接的详细信息 / 公共函数反序列化（obj：，e：）： { var toret:对象 = {};

toret.originalEvent = e;

if (obj.data.elements("error").length() > 0)
{
    toret.isError = true;
    toret.data = obj.data;
}
else
{
    toret.isError = false;
    toret.metadata = obj.metadata;
    toret.data = obj.data;
}

return toret;

}

/** * 网关的结果处理程序 * 反序列化结果，然后调用REAL事件处理程序 *（在doRequest函数中发出请求时设置） * * @param e ResultEvent 服务器响应和有关连接的详细信息 / 公共函数 resultHandler(e:ResultEvent):void { var topass: = deserialize(e.result, e); e.token.handler.call(null, topass); }

/** * 该连接的故障处理程序 * * @param eFaultEvent 错误对象 */ 公共函数faultHandler(e:FaultEvent):void { var errorMessage:String = "连接错误:" + e.fault.faultString; if (e.fault.faultDetail) { errorMessage += "\n\n其他详细信息: " + e.fault.faultDetail; } Alert.show(errorMessage); }

/** * 使用网关实例向服务器发出请求 * * @param method_name String 服务器调度程序中使用的方法名称 * @param参数用于在post中发送的对象名称值对 * @paramcallbackFunction 调用完成时要调用的函数 */ 公共函数 doRequest(方法名称:字符串, 参数:对象, 回调:函数):void { // 将方法添加到参数列表中 参数['方法'] = 方法名称;

gateway.request = parameters;

var call:AsyncToken = gateway.send();
call.request_params = gateway.request;

call.handler = callback;

}

/** * 当用户点击“创建”按钮时点击处理程序 * 加载“更新”画布。 */ 公共函数 goToUpdate():void { applicationScreens.selectedChild = 更新； }

/** * 加载“查看”画布。 */ 公共函数 goToView():void { applicationScreens.selectedChild = 视图； }

私有函数 adg_itemClick(e:ListEvent):void { var item:Object = AdvancedDataGrid(e.currentTarget).selectedItem; e.target.expandItem(item, !e.target.isItemOpen(item),true);

}

Answer 1

如果我能看到整个应用程序，可能会更容易回答，但如果我理解你的问题，这里有一个刺...我不清楚异步的重点...在某种程度上，http 是异步的。然而，如果您的目标是从应用程序服务器/数据库推送数据，那么答案会有所不同，并且涉及使用 BlazeDS/LCDS 或这些技术的 OSS 克隆之一，在这些情况下，您不使用 mx：无论如何，HttpService。这是你的意思吗？

如果没有，那么显然，您需要在 MXML 中定义一个 HttpService，并且您希望将其结果事件绑定到 ActionScript 函数，该函数在服务返回时更改您的 {dataArr} （Array、ArrayCollection？？）。如果您需要它来“轮询”您的服务以进行更改，我想您可以使用 Timer 对象或其他东西来做到这一点，但如果这是必要的，我会考虑 LCDS。

Answer 2

我正在尝试使用与 FLEX 3 相同的内置代码。我对直接在创建的列表中更改数据（更改数据库表的内容）的方式着迷。
现在我尝试将富文本编辑器合并到某些字段中。

我正在尝试使用被调用的行（selectedItem），现在我能够获取数据 - 但面临着我无法编辑字段中的文本的问题 - （错误1009）（某些内容未实例化）我现在将尝试添加另一个步骤 - 某种编辑 - 但它不是异步的。

另一个机会是使用creationComplete将所选行的数据获取到表单中，然后使用与列表使用的功能相同的功能，即直接更新数据库。

我的应用程序在本地主机上运行，​​部署到托管服务器可能会产生一些沙箱问题？然后别无选择，只能使用 amfphp 或 ZENDamf - blazeDS

当我解决了问题

后，我会回复