Question

在下面的示例中，我在Button Click事件上调用了OptimizeDataGrid方法，以根据数据调整Column的大小。而在按钮单击事件的第一次时它调用了函数，而单独的Datagrdi列宽度没有正确设置。第二次它正常工作。

对于Eg：在下面的语句中，文本值为55，widthPadding为25.但这两个值的总和不在dg.columns [col] .width。

dg.columns [col] .width = text + widthPadding;

但同样是第二次按下Click事件。是帮助我解决这个问题的任何人。在此先感谢。

<mx:Script>
    <![CDATA[
        import mx.utils.ObjectUtil;
        import mx.collections.ArrayCollection;
        import mx.core.UITextField;
        import mx.events.AdvancedDataGridEvent;
        import mx.binding.utils.BindingUtils;
        import mx.controls.Alert;           
        import mx.controls.AdvancedDataGrid;
        import mx.controls.advancedDataGridClasses.*;
        import mx.controls.DataGrid;
        import mx.controls.dataGridClasses.*;


        [Bindable]
        private var dpFlat:ArrayCollection = new ArrayCollection([            
          {Region:"aabbCC", Territory:"Central Californiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
              Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000}, 
          {Region:"AAbbcc", Territory:"Nevada",
              Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}
        ]);


        private function optimizeDataGrid(dg:Object,widthPadding:uint = 0,heightPadding:uint = 0):void
        {
            if ((!dg is DataGrid))
                return;


            var col:uint;
            var colWidth:uint;
            var tf:TextFormat;
            var renderer:UITextField;
            var widths:Array = new Array(dg.columnCount);
            var height:uint = 0;
            var dgCol:Object;
            var text:uint = 0;


            if (dg.columnCount > 0 && dg.dataProvider != null)
            {
                for (col = 0; col < dg.columnCount; ++col)
                    widths[col] = 0;
                for each (var item:Object in dg.dataProvider)
                {
                    for (col = 0; col < dg.columnCount; ++col)
                    {
                        renderer = new DataGridItemRenderer();
                        dg.addChild(renderer);
                        dgCol = dg.columns[col];
                        renderer.text = dgCol.itemToLabel(item);
                        widths[col] = Math.max(renderer.measuredWidth, widths[col]);
                        height = Math.max(renderer.measuredHeight, height);
                        dg.removeChild(renderer);
                    }
                }


                for (col = 0; col < dg.columnCount; ++col)
                {                       
                    dg.addChild(renderer);
                    renderer.text = dg.columns[col].headerText;
                    widths[col] = Math.max(renderer.measuredWidth,widths[col]);
                    dg.removeChild(renderer);

                    text = widths[col];
                    dg.columns[col].width = text + widthPadding;
                }
                if (height != 0)
                    dg.rowHeight = height + heightPadding;

            }
        }
    ]]>
</mx:Script>


<mx:DataGrid id="myADG"
       dataProvider="{dpFlat}" rowCount="{dpFlat.length}" sortableColumns="false">       
         <mx:columns>
            <mx:DataGridColumn dataField="Region" />              
            <mx:DataGridColumn dataField="Territory_Rep" headerText="Territory Rep" />
             <mx:DataGridColumn dataField="Territory" />
            <mx:DataGridColumn dataField="Actual" />
            <mx:DataGridColumn dataField="Estimate" />
        </mx:columns>

Answer 1

很难控制列宽，因为它被horizontalScrollPolicy属性覆盖。通过聋人，它将会消失。所以我通过在分配列宽之前使horizontalScrollPolicy为on来解决这个问题。之后，我再次使用off重置horizontalScrollPolicy属性以解决此问题。

DataGrid列宽未正确设置

1 个答案: