【问题标题】:Flex Datagrid not updatingFlex Datagrid 未更新
【发布时间】:2012-12-04 13:27:44
【问题描述】:

问题: 我有一个带有 3 个索引的手风琴,每个索引都包含一个组件。该组件始终是相同的(一个普通的数据网格)。这个datagrid通过php和JSON接收他的数据。

现在,当我的手风琴的 SelectedIndex 发生变化时,我的数据网格中的数据应该会发生变化。

这是 php 查询:

$query = "SELECT * FROM gerecht where typeID = " . $typeId;

$typeId 是 selectedIndex 的位置

if(isset($_POST['accIndex'])){
    $typeId = mysql_real_escape_string($_POST['accIndex']);
} else {
    $typeId = 1;
}

现在,每当我更改手风琴索引时,数据都会保持不变。这是我的弹性代码:

    <?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:components="components.*" initialize="getData.send();">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
        <mx:HTTPService id="getData" url="http://localhost/P006_Project/Query.php" 
                        useProxy="false" method="POST" resultFormat="text" result="getPHPData(event)" />
        <mx:HTTPService id="sendData" url="http://localhost/P006_Project/Query.php"
                        useProxy="false" method="POST" result="sendData_resultHandler(event)">
            <mx:request xmlns="">
                <accIndex>
                    {accItems.selectedIndex + 1}
                </accIndex>
            </mx:request>
        </mx:HTTPService>

        <s:ArrayCollection id="acItems" source="{dataArray.source}" />
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            import mx.controls.Text;
            import mx.events.FlexEvent;
            import mx.events.IndexChangedEvent;
            import mx.rpc.events.ResultEvent;

            [Bindable]private var dataArray:ArrayCollection = new ArrayCollection();

            private function initDataGrid():void
            {
                getData.send();
            }

            private function getPHPData(event:ResultEvent):void
            {
                var rawArray:Array;
                var rawData:String = String(event.result);
                rawArray = JSON.parse(rawData) as Array;
                dataArray = new ArrayCollection(rawArray);
            }

            protected function accItems_changeHandler(event:IndexChangedEvent):void
            {
                // TODO Auto-generated method stub
                sendData.send();
                trace(acItems);
            }

            protected function sendData_resultHandler(event:ResultEvent):void
            {
                // TODO Auto-generated method stub
                Alert.show(event.result.toString());
            }

        ]]>
    </fx:Script>

    <mx:Accordion id="accItems" creationPolicy="auto" change="accItems_changeHandler(event)">
        <s:NavigatorContent label="Frisdranken">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Bieren (vat)">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
    </mx:Accordion>
</s:Application>

我猜在以下方面出了点问题: - php接收selectedIndex? - 或者 flex 无法使用新数据更新数据网格?

【问题讨论】:

  • 您是否看到预期值命中 'getPHPData' fn? IE 'dataArray' 应该包含什么?
  • 我的 'dataArray' 的内容似乎一直保持不变,所以我猜 selectedIndex 没有到达 PHP 文件?
  • 听起来很像。因此,下一步是确定值是否正在发送。我没有看到任何参数被传递。不确定这是否重要。
  • 我添加了一个参数(accIndex)。每次我的手风琴更改索引时,都应该发送这个。但显然还是有问题。
  • 您如何跟踪“变化指数”?你在看什么活动?

标签: php json actionscript-3 apache-flex flex4.6


【解决方案1】:

K 我终于找到了解决方案。我使用了 2 个 httpServices,我总是从第一个接收数据,但是这个不包含参数。所以我把它们合二为一。导致以下代码:(我还添加了所有其他组件,所以不要关注它们)

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:components="components.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
        <mx:HTTPService id="sendData" url="http://localhost/P006_Project/Query.php"
                        useProxy="false" method="POST" result="sendData_resultHandler(event)">
            <mx:request xmlns="">
                <accIndex>
                    {accItems.selectedIndex + 1}
                </accIndex>
            </mx:request>
        </mx:HTTPService>

        <s:ArrayCollection id="acItems" source="{dataArray.source}" />
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            import mx.controls.Text;
            import mx.events.FlexEvent;
            import mx.events.IndexChangedEvent;
            import mx.rpc.events.ResultEvent;

            [Bindable]private var dataArray:ArrayCollection = new ArrayCollection();

            private function initDataGrid():void
            {
                sendData.send();
            }

            protected function accItems_changeHandler(event:IndexChangedEvent):void
            {
                sendData.send();
            }

            protected function sendData_resultHandler(event:ResultEvent):void
            {
                var rawArray:Array;
                var rawData:String = String(event.result);
                rawArray = JSON.parse(rawData) as Array;
                dataArray = new ArrayCollection(rawArray);
            }

        ]]>
    </fx:Script>

    <mx:Accordion id="accItems" creationPolicy="auto" change="accItems_changeHandler(event)">
        <s:NavigatorContent label="Frisdranken">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Bieren (vat)">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Bieren">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Warme dranken">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Wijnen">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Sterke dranken">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Tapas">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Platos">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Especialidades">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
        <s:NavigatorContent label="Bocadillos">
            <components:FULLTESTCOMP acItems="{acItems}" creationComplete="{initDataGrid()}"/>
        </s:NavigatorContent>
    </mx:Accordion>
</s:Application>

【讨论】:

    猜你喜欢
    • 2012-12-03
    • 2015-12-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多