堆棧內存溢出
  簡體   English   中英

使用復選框過濾datagrid中的數據

[英]Using checkbox filtering data in datagrid

 原文  2013-02-14 05:47:08  2   2    actionscript-3/ apache-flex/ flex3/ fms3

問題描述

在選中一個復選框時，必須對datagrid中的數據進行過濾；在取消選中該復選框時，必須顯示datagrid中的默認數據。

2 個解決方案

解決方案1
 1 已采納  2013-02-16 11:24:25

這只是邏輯問題。

您不應通過析取的方式將這三組的中間結果混合在一起。 首先，您應該在每個因子內進行求和，然后將三個中間結果相加。

如果三個因素之一沒有選擇的變體，則可能對整體結果沒有影響，因此您需要將初始值設置為true。 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
            layout="absolute" minWidth="955" minHeight="600" creationComplete="init()">
<mx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;

        [Bindable]public var DGcoll:ArrayCollection;
        private var DGarray:Array;

        private function init():void
        {
            DGarray = [
                {Gametype: '101P00l',   Bet: 500,   MaxPlayers:2, TotalPlayers:2, Status:"ok", RegTable:"rt"}, 
                {Gametype: '201P00l',   Bet: 1000,  MaxPlayers:6, TotalPlayers:5, Status:"ok", RegTable:"rt"},
                {Gametype: '201P00l',   Bet: 500,   MaxPlayers:2, TotalPlayers:2, Status:"ok", RegTable:"rt"},
                {Gametype: '101P00l',   Bet: 4000,  MaxPlayers:6, TotalPlayers:3, Status:"ok", RegTable:"rt"},
                {Gametype: 'Bestof3',   Bet: 5000,  MaxPlayers:6, TotalPlayers:2, Status:"ok", RegTable:"rt"},
                {Gametype: 'Bestof3',   Bet: 4000,  MaxPlayers:6, TotalPlayers:6, Status:"ok", RegTable:"rt"},
                {Gametype: '201P00l',   Bet: 500,   MaxPlayers:2, TotalPlayers:2, Status:"ok", RegTable:"rt"},
                {Gametype: '201P00l',   Bet: 500,   MaxPlayers:2, TotalPlayers:2, Status:"ok", RegTable:"rt"},
                {Gametype: '201P00l',   Bet: 500,   MaxPlayers:2, TotalPlayers:2, Status:"ok", RegTable:"rt"},
                {Gametype: '201P00l',   Bet: 500,   MaxPlayers:2, TotalPlayers:2, Status:"ok", RegTable:"rt"}
            ];

            addData();
        }

        public function addData():void
        {
            DGcoll = new ArrayCollection(DGarray);
            DGcoll.filterFunction=filterFunction;
        }

        public function filterFunction(item:Object):Boolean
        {
            if (checkAll.selected)
                return true;

            if(check101 && check201 && check3 && check2players && check6players && checklow && checkmedium && checkhigh)
            {
                if(!check101.selected && !check201.selected && !check3.selected && !check2players.selected && !check6players.selected && !checklow.selected && !checkmedium.selected && !checkhigh.selected)
                {
                    return true;
                }
                else
                {
                    var gametypeFactor:Boolean = true;

                    if (check101.selected || check201.selected || check3.selected)
                    {
                        var Fcheck101:Boolean =check101.selected ? item.Gametype == '101P00l' : false;
                        var Fcheck201:Boolean =check201.selected ? item.Gametype == '201P00l' : false;
                        var Fcheck3:Boolean =check3.selected ? item.Gametype == 'Bestof3' : false;

                        gametypeFactor = Fcheck101 || Fcheck201 || Fcheck3;
                    }

                    var maxPlayersFactor:Boolean = true;

                    if (check2players.selected || check6players.selected)
                    {
                        var Fcheck2players:Boolean=check2players.selected ?item.MaxPlayers=='2':false;
                        var Fcheck6players:Boolean=check6players.selected ?item.MaxPlayers=='6':false;

                        maxPlayersFactor = Fcheck2players || Fcheck6players;
                    }

                    var betFactor:Boolean = true;

                    if (checklow.selected || checkmedium.selected || checkhigh.selected)
                    {
                        var Fchecklow1:Boolean=checklow.selected ?item.Bet=='500':false;
                        var Fchecklow2:Boolean=checklow.selected ?item.Bet=='1000':false;

                        var Fcheckmedium1:Boolean=checkmedium.selected ?item.Bet=='1000':false;
                        var Fcheckmedium2:Boolean=checkmedium.selected ?item.Bet=='2000':false;
                        var Fcheckmedium3:Boolean=checkmedium.selected ?item.Bet=='3000':false;

                        var Fcheckhigh1:Boolean=checkhigh.selected ?item.Bet=='3000':false;
                        var Fcheckhigh2:Boolean=checkhigh.selected ?item.Bet=='4000':false;
                        var Fcheckhigh3:Boolean=checkhigh.selected ?item.Bet=='5000':false;
                        var Fcheckhigh4:Boolean=checkhigh.selected ?item.Bet=='10000':false;

                        betFactor = Fchecklow1 || Fchecklow2 || Fcheckmedium1 ||Fcheckmedium2 ||Fcheckmedium3 || Fcheckhigh1 || Fcheckhigh2 || Fcheckhigh3 || Fcheckhigh4;
                    }

                    return gametypeFactor && maxPlayersFactor && betFactor;
                }
            }
            else 
            {
                return true;   
            } 
        }

        private function onCbAllClick(evt:Event):void
        {
            check101.enabled = !checkAll.selected;
            check201.enabled = !checkAll.selected;
            check3.enabled = !checkAll.selected;
            check2players.enabled = !checkAll.selected;
            check6players.enabled = !checkAll.selected;
            checklow.enabled = !checkAll.selected;
            checkmedium.enabled = !checkAll.selected;
            checkhigh.enabled = !checkAll.selected;

            DGcoll.refresh();
        }

        private function onAnyCbClick(evt:Event):void
        {
            DGcoll.refresh();
        }
    ]]>
</mx:Script>

<mx:Canvas width="648" height="347" x="162" y="40">

    <mx:HBox x="30">
        <mx:Label text="Show all infos" fontSize="12"/>
        <mx:CheckBox id="checkAll" click="onCbAllClick(event)"/>
    </mx:HBox>

    <mx:Label x="95" y="21" text="Gametype" fontSize="12" width="140"/>
    <mx:Label x="311" y="21" text="Players" fontSize="12" width="98"/>
    <mx:Label x="468" y="21" text="Bet" fontSize="12" width="123"/>
    <mx:HBox height="47" y="49" width="608" x="30">
        <mx:CheckBox id="check101"  x="30" y="48" click="onAnyCbClick(event)" />
        <mx:Label text="101Pool" x="42" y="48"/>
        <mx:CheckBox id="check201"  x="67" y="48" click="onAnyCbClick(event)" />
        <mx:Label  text="201pool" x="79" y="48"/>
        <mx:CheckBox id="check3"  x="125" y="48" click="onAnyCbClick(event)"/>
        <mx:Label text=" Bestof3" x="147" y="48"/>
        <mx:CheckBox id="check2players"  x="214" y="48" click="onAnyCbClick(event)"/>
        <mx:Label text="2 Players" x="228" y="48"/>
        <mx:CheckBox id="check6players"  x="292" y="48" click="onAnyCbClick(event)"/>
        <mx:Label text="6 Players" x="307" y="48"/>
        <mx:CheckBox id="checklow"  x="371" y="48" click="onAnyCbClick(event)"/>
        <mx:Label text="Low" x="393" y="48"/>
        <mx:CheckBox id="checkmedium"  x="421" y="48" click="DGcoll.refresh();"/>
        <mx:Label text="Medium" x="443" y="48"/>
        <mx:CheckBox id="checkhigh" x="498" y="48" click="onAnyCbClick(event)"/>
        <mx:Label text="High" x="520" y="48"/>
    </mx:HBox>
    <mx:DataGrid  id="dg"  dataProvider="{DGcoll}" sortArrowSkin="mx.skins.ProgrammaticSkin" x="30" y="104" width="608" height="217">
        <mx:columns>
            <mx:DataGridColumn dataField="Gametype"/>
            <mx:DataGridColumn dataField="Bet"/>
            <mx:DataGridColumn dataField="MaxPlayers"/>
            <mx:DataGridColumn dataField="TotalPlayers"/>
            <mx:DataGridColumn dataField="Status"/>
            <mx:DataGridColumn dataField="RegTable"/>
        </mx:columns>
    </mx:DataGrid>
</mx:Canvas>
</mx:Application>

解決方案2
 0  2013-02-15 05:01:54

        [Bindable] 
        public var DGcoll:ArrayCollection;

        public function addData():void
        {
            DGcoll=new ArrayCollection(DGarray);
            DGcoll.filterFunction=filterFunction;
             trace(filterFunction(DGcoll)); 
        }

        public function filterFunction(item:Object):Boolean
        {

            if(check101 && check201 && check3 && check2players && check6players && checklow && checkmedium && checkhigh)
            {
                if(!check101.selected && !check201.selected && !check3.selected && !check2players.selected && !check6players.selected && !checklow.selected && !checkmedium.selected && !checkhigh.selected)
                {
                return true;
                }
                else
                {
                        trace(" if filterfunction");
                var Fcheck101:Boolean =check101.selected ? item.Gametype == '101P00l' : false;
                var Fcheck201:Boolean =check201.selected ? item.Gametype == '201P00l' : false;
                var Fcheck3:Boolean =check3.selected ? item.Gametype == 'Bestof3' : false;
                var Fcheck2players:Boolean=check2players.selected ?item.MaxPlayers=='2':false;
                var Fcheck6players:Boolean=check6players.selected ?item.MaxPlayers=='6':false;
                var Fchecklow1:Boolean=checklow.selected ?item.Bet=='500':false;
                var Fchecklow2:Boolean=checklow.selected ?item.Bet=='1000':false;
                var Fcheckmedium1:Boolean=checkmedium.selected ?item.Bet=='1000':false;
                var Fcheckmedium2:Boolean=checkmedium.selected ?item.Bet=='2000':false;
                var Fcheckmedium3:Boolean=checkmedium.selected ?item.Bet=='3000':false;
                var Fcheckhigh1:Boolean=checkhigh.selected ?item.Bet=='3000':false;
                var Fcheckhigh2:Boolean=checkhigh.selected ?item.Bet=='4000':false;
                var Fcheckhigh3:Boolean=checkhigh.selected ?item.Bet=='5000':false;
                var Fcheckhigh4:Boolean=checkhigh.selected ?item.Bet=='10000':false;

                return Fcheck101 || Fcheck201 || Fcheck3 || Fcheck2players || Fcheck6players ||Fchecklow1 || Fchecklow2 || Fcheckmedium1 ||Fcheckmedium2 ||Fcheckmedium3 || Fcheckhigh1 || Fcheckhigh2 || Fcheckhigh3 || Fcheckhigh4;
                }

            }
            else 
            {
                trace("else");
                return true;   
            } 

        }


    ]]>
</mx:Script>
<mx:Canvas width="648" height="347" x="162" y="10">

    <mx:Label x="95" y="21" text="Gametype" fontSize="12" width="140"/>
    <mx:Label x="311" y="21" text="Players" fontSize="12" width="98"/>
    <mx:Label x="468" y="21" text="Bet" fontSize="12" width="123"/>
    <mx:HBox height="47" y="49" width="608" x="30">
    <mx:CheckBox id="check101"  x="30" y="48"  click="DGcoll.refresh();" />
    <mx:Label text="101Pool" x="42" y="48"/>
    <mx:CheckBox id="check201"  x="67" y="48" click="DGcoll.refresh();" />
    <mx:Label  text="201pool" x="79" y="48"/>
    <mx:CheckBox id="check3"  x="125" y="48" click="DGcoll.refresh();"/>
    <mx:Label text=" Bestof3" x="147" y="48"/>
    <mx:CheckBox id="check2players"  x="214" y="48" click="DGcoll.refresh();"/>
    <mx:Label text="2 Players" x="228" y="48"/>
    <mx:CheckBox id="check6players"  x="292" y="48" click="DGcoll.refresh();"/>
    <mx:Label text="6 Players" x="307" y="48"/>
    <mx:CheckBox id="checklow"  x="371" y="48" click="DGcoll.refresh();"/>
    <mx:Label text="Low" x="393" y="48"/>
    <mx:CheckBox id="checkmedium"  x="421" y="48" click="DGcoll.refresh();"/>
    <mx:Label text="Medium" x="443" y="48"/>
    <mx:CheckBox id="checkhigh" x="498" y="48" click="DGcoll.refresh();"/>
    <mx:Label text="High" x="520" y="48"/>
    </mx:HBox>
    <mx:DataGrid  id="dg"  dataProvider="{DGcoll}" sortArrowSkin="mx.skins.ProgrammaticSkin" x="30" y="104" width="608" height="217">
    <mx:columns>
        <mx:DataGridColumn dataField="Gametype"/>
        <mx:DataGridColumn dataField="Bet"/>
        <mx:DataGridColumn dataField="MaxPlayers"/>
        <mx:DataGridColumn dataField="TotalPlayers"/>
        <mx:DataGridColumn dataField="Status"/>
        <mx:DataGridColumn dataField="RegTable"/>
        <!--<mx:DataGridColumn dataField="Join"/>-->
    </mx:columns>
    </mx:DataGrid>
</mx:Canvas>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 DataGrid中的SQL查詢復選框 DataGrid中的Flex復選框itemrenderer 數據網格中的 AS3 Flash 復選框 數據網格中的 as3 復選框 使用AS3數組將數據放入DataGrid 使用datagrid，flash，php，mysql，as3從數據庫顯示數據 使用復選框flex對兩列datagrid進行排序 所有數據的Datagrid快照 使用分層數據刷新Datagrid 無法在Datagrid中對齊數據
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM