Question

在我的应用程序中，我有一个动态创建的数据网格。对于datagrid中的每个单元格，我有一个复选框作为itemrenderer。截至目前，它正如预期的那样正常工作。但是在垂直滚动时，自动选中/取消选中复选框。我在“水平滚动”中也遇到了同样的问题，但我通过为每列设置“minWidth”解决了这个问题。

我正在创建这样的数据网格，

for(i=0;i<recordCount;i++)
            {   
                var obj:Object = new Object();
                for(var j:int=0;j<maxPages;j++){

                    {
                        obj["page"+(j+1)]=((xml..item.(pageOrder==(j+1))).length()>i)?(xml..item.(pageOrder==(j+1)))[i].pageTempVerId[0].toString()+" ("+(xml..item.(pageOrder==(j+1)))[i].pageVerUserName[0].toString()+")":"";

                    }

                }
                dp.addItem(obj);
            }

for(i=0;i<maxPages;i++)
            {
                var printPDFItemrenderer:ClassFactory = new ClassFactory(PrintPDFCheckboxComponent)
                printPDFItemrenderer.properties = {onClick: printpdfchkid_clickHandler};
                var grid:DataGridColumn = new DataGridColumn();
                grid.itemRenderer = printPDFItemrenderer;
                grid.headerText = pageName[i];
                grid.width = 150;
                grid.minWidth = 150;
                grid.dataField = "page" + (i+1);
                if(recordCount<(xml..item.(pageOrder==(i+1))).length())
                    recordCount = (xml..item.(pageOrder==(i+1))).length()
                col.push(grid);
            }
            printpdfdg.columns = col;


<mx:DataGrid id="printpdfdg" width="100%" height="380"
                     textAlign="center"  dataProvider="{dp}" sortableColumns="false" horizontalScrollPolicy="off" verticalScrollPolicy="auto" rowHeight="40" horizontalCenter="0" variableRowHeight="false">
        </mx:DataGrid>

在itemrenderer mxml文件中

<mx:checkBox id="printpdfchkid" label="{data[DataGridListData(listData).dataField]}" 
            selected="{data.data[DataGridListData(listData).dataField]}" labelPlacement="right" labelVerticalOffset="0"  
            click="onClick(event)" />

所以任何人都可以找到我做错的事情

Answer 1

我有同样的经历。要解决此问题，请在对象中添加布尔属性，然后尝试在项呈示器中跟踪给定代码。

private var _obj:Object;

public function get obj():Object
        {
            return _obj;
        }

        public function set obj(value:Object):void
        {
            _obj = value;
        }
override public function set data(value:Object) : void
        {
            this.itemCheckBox.label = value.Name;
            this.itemCheckBox.selected = value.isSelected;
            obj = value;


        }
//check box change event handler
protected function itemCheckBox_changeHandler(event:Event):void
        {
            obj.isSelected = itemCheckBox.selected;
        }

Answer 2

项呈示器被回收，因此当您滚动不再可见的行的呈现器时，将重新使用现在可见的新行。解决方案是覆盖set data属性并在那里设置复选框状态。因此，当重复使用渲染器时，渲染器数据设置器用于分配必须表示的新数据，在这里您可以进行正确的设置。绑定也应该有效。你应该在Flex中谷歌回收渲染器。此外，您应该在您的使用中添加更多信息，例如您使用的确切DataGrid（mx，spark或advanced）

在FLEX中滚动时，数据网格中的CheckBox itemrenderer被选中/取消选中

2 个答案: