データグリッドとminHeightプロパティ

Question

私は自明の問題ではないと私は思っています。私はパネルを持っています。そこにはDataGrid（流体の実体の大半を占めると予想されています）と、パネルの下端に固定されたいくつかのボタンとテキストフィールドが含まれています。古典的なデータグリッド+検索コンボ私が取り組んでいるのは、データグリッドが大きな「ビューポート」に成長する一方で、約600ピクセル程度に縮小された後、データグリッドの高さが収縮しなくなり、下にピン止めされたコンテンツが画面外に押し出されます。私はminHeightのさまざまな設定でプレイしましたが、大きな設定は機能します（また、不思議なことに、画面の代わりに、下にピン止めされたものをオーバーレイする）。小さな設定は何らかの理由で明白に無視されたり上書きされたりします。

何か別の設定をしなければならないように思えますが、今私は何時間もこれを悩ましています。あなたの誰かが問題の内容を正確に知りたいと思っています。今私の問題は、他に何を試していいのか分からないことです！

ここでは、最初にデザインプレビュー、2番目に、ブラウザレンダリングのスクリーンショットがあります。ボタンの一番下の行がどのように途切れているかを見ることができます。ウィンドウをさらに縮小すると、データグリッドの一部も切り捨てられます。

ありがとう！

EDIT：私のテストアプリケーションのコードです。ここではすべての動作が必要です。階層は、テストアプリで何が起こっているかを模倣します（コピー/貼り付け）。

<?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" width="100%" height="100%"> 


<fx:Script> 
    <![CDATA[ 
     import mx.collections.ArrayCollection; 

     [Bindable]private var _data:ArrayCollection; 
    ]]> 
</fx:Script> 

<fx:Declarations> 
    <!-- Place non-visual elements (e.g., services, value objects) here --> 
</fx:Declarations> 




<s:Group width="100%" height="100%"> 

    <s:BorderContainer width="100%" height="100%" 
         backgroundColor="silver" 
         cornerRadius="8" 
         borderStyle="inset" borderWeight="1" 
         > 

     <!--Main application viewstack--> 
     <mx:ViewStack width="100%" height="100%" > 



      <s:NavigatorContent width="100%" height="100%"> 

       <!--sub-application viewstack--> 
       <s:Group width="100%" height="100%"> 

        <mx:ViewStack id="vs" width="100%" height="100%" x="0" y="0" > 


         <s:NavigatorContent width="100%" height="100%"> 
          <s:Group width="100%" height="100%"> 



           <s:Panel 
            minHeight="170" 
            title="Order Entry—Customer [Search for existing contacts...]" height="100%" width="100%"> 

            <s:Scroller width="100%" height="100%"> 
             <s:Group clipAndEnableScrolling="true"> 

              <mx:DataGrid 
               id="dgSelect" 
               dataProvider="{_data}" 
               sortableColumns="false" resizableColumns="true" draggableColumns="false" 
               doubleClickEnabled="true" 
               allowMultipleSelection="false" 
               minHeight="68" 
               top="4" bottom="70" left="4" right="4"> 
               <mx:columns> 
                <mx:DataGridColumn headerText="Last Name" dataField="LName" width="100" /> 
                <mx:DataGridColumn headerText="First Name" dataField="FName" width="100" /> 
                <mx:DataGridColumn headerText="Address" dataField="Address1" width="250" /> 
                <mx:DataGridColumn headerText="City" dataField="City" width="100" /> 
                <mx:DataGridColumn headerText="State" dataField="State" width="50" /> 
                <mx:DataGridColumn headerText="Zip" dataField="Zip" width="50" /> 
                <mx:DataGridColumn headerText="Email" dataField="EMail" /> 
               </mx:columns> 
              </mx:DataGrid> 

              <s:Group bottom="40" left="4" width="100%" height="21"> 
               <s:Label text="Last" width="41" height="22" verticalAlign="middle"/> 
               <s:TextInput id="txtSearchLast" maxChars="9" width="100" left="41"/> 

               <s:Label text="First" width="36" verticalAlign="middle" left="185" height="21"/> 
               <s:TextInput id="txtSearchFirst" maxChars="9" width="100" left="220"/> 

               <s:Label id="lblSearchError" color="#FF0000" fontSize="10" left="336" right="158"/> 
               <mx:Spacer width="100%"/> 
               <s:Button id="btnSearchSelect" label="Select" right="80"/> 
               <s:Button id="btnSearchEdit" label="Edit" right="4"/> 

              </s:Group> 




              <s:Group bottom="10" height="21"> 
               <s:layout > 
                <s:HorizontalLayout paddingLeft="10" paddingRight="10"/> 
               </s:layout> 

               <mx:Button id="btnCancel" label="Cancel" />  
               <mx:Spacer/> 
               <mx:Button id="btnStartOver" label="Start Over" /> 
               <mx:Spacer/> 
               <mx:Button id="btnExpressContact" label="Express Contact"/> 
               <mx:Button id="btnExpressCart" label="Ω" /> 
               <mx:Spacer/> 
               <mx:Button id="btnCustomerNew" label="New Customer"  /> 
               <mx:Spacer/>      
               <mx:Button id="btnNext" label="Next"  /> 

              </s:Group> 

             </s:Group> 
            </s:Scroller> 


           </s:Panel> 
          </s:Group> 
         </s:NavigatorContent> 

        </mx:ViewStack> 
       </s:Group> 
      </s:NavigatorContent> 

     </mx:ViewStack> 





    </s:BorderContainer> 
</s:Group> 

</s:Application> 

Answer 1

私は、コードの少し平和が役立つと思います。 ビューポートをどのように実装しますか？あなたがスクロールを設定している場所。 layoutpropertyとは何ですか？

私が理解しているように、あなたはflex4とsparkコンポーネントでアプリケーションを書いていますよね？

スクロールバーのアプリケーションでは、スクロールバー（ビューポート）を定義する必要があります。スパークコンポーネントには、ハローコンポーネントのような自動スクロールバーはありません。

複数の可能性の1つは、アプリケーションのスキンを定義することです。このスキンでは、コンテンツグループの周りにスクローラーをコーディングします。その後、高さと幅のプロパティを100％に設定します。

多分これはコードなし

は、ビューポートで、あなたに フランク