AS3 datagrid - 隐藏一行

时间:2014-04-16 11:35:37

标签: actionscript-3 flash datagrid filter flash-cs5

我使用2个组合框来过滤通过csv文件填充的dataGrid。第一个组合框过滤列并正常工作:

//Listener and function for when the Agreement ID is selected
agreement_cb.addEventListener(Event.CHANGE, agreement);
function agreement(event:Event):void 
{
    //get the number of columns 
    var columnCount:Number = myGrid.getColumnCount();

    for (var i:int=0; i<columnCount; i++)
    {
        myGrid.getColumnAt(i).visible = false;
    }
    var columnNumber:Number = agreement_cb.selectedItem.data;
    myGrid.getColumnAt(columnNumber).visible = true;
    myGrid.getColumnAt(0).visible = true;
    myGrid.columns[0].width = 200;
}

但我找不到任何关于如何获得相同类型的函数来隐藏除第二个下拉列表中的所有行之外的所有行(codes_cb)。

感谢任何帮助...

更新:

loadedData = myLoader.data.split(/\r\n|\n|\r/);
    loadedData.pop();
    for (var i:int=0; i<loadedData.length; i++)
    {
        var rowArray:Array = loadedData[i].split(",");
        loadedData[i] = {"SelectAgreement":rowArray[0],"KSLTPROF0057":rowArray[1] .........};
    }
    loadedData.shift();
    myGrid.columns = ["SelectAgreement", "KSLTPROF0057", ......];

    import fl.data.DataProvider;
    import fl.controls.dataGridClasses.DataGridColumn;

    myGrid.dataProvider = new DataProvider(loadedData);

1 个答案:

答案 0 :(得分:1)

DataGrid始终显示其dataProvider中的所有对象,因此要隐藏行,您需要隐藏数据对象。一些作为dataProvider运行的类具有内置的此功能,这使得这非常简单(实现IList的任何类都可以作为dataProvider运行),但是fl.data.DataProvider是不是那些课程之一。

因此,如果可以的话,我会使用两者提供答案,强烈建议您使用mx.collections.ArrayCollection而不是fl.data.DataProvider


第1节:fl.data.DataProvider

为此,我假设您的loadedData数组是一个类属性,而不是在函数中声明。

function agreement(event:Event):void 
{
//your existing code here
    var dataProvider:DataProvider = MyGrid.dataProvider as DataProvider;//recover the dataprovider
    dataProvider.removeAll();//remove all rows
    for (var x:int = 0; x<loadedData.length; x++)
    {
        if (loadedData[x] == "SELECTION MATCH") //insert here your selection criteria
        {
           dataProvider.addItem(loadedData[x]); //add it back into the dataProvider
        }
    }
}
function resetFilter():void
{
    var dataProvider:DataProvider = MyGrid.dataProvider as DataProvider;//recover the dataprovider
    dataProvider.removeAll(); //prevent duplication
    dataProvider.addItems(loadedData);//reload all rows
}

第2节:mx.collections.ArrayCollection

我推荐这个的原因是因为ArrayCollection已经具有执行此操作的功能而没有丢失范围的对象丢失数据的风险,它还减少了您需要执行的代码/操作量。为此,我们使用ArrayCollection.filterFunction&amp; ArrayCollection.refresh()过滤“可见数组”而不更改源。

private var dataProvider:ArrayCollection = new ArrayCollection(loadedData);
MyGrid.dataProvider = dataProvider;
function agreement(event:Event):void
{
    //your existing code here
    dataProvider.filterFunction = myFilterFunction;//use my filter
    dataProvider.refresh();//refresh the visible list using new filter/sort
}
function resetFilter():void
{
    dataProvider.filterFunction = null;//clear filter
    dataProvider.refresh();//refresh the visible list using new filter/sort
}
function myFilterFunction(item:Object):Boolean
{
    if (item == "SELECTION MATCH") return true;//insert your selection criteria here        
    else return false;
}

filterFunction接受function并使用它来测试ArrayCollection中的每个对象,该函数必须返回一个布尔值,true表示“是,显示此对象”和{ {1}}表示“请勿显示”。