Проблемы с шириной данных Adobe Flex - PullRequest
Новая
       98

Проблемы с шириной данных Adobe Flex

0 голосов
/ 21 февраля 2019

У меня есть файл .mxml со следующей панелью 

                            <s:Panel width="130%" height="100%" title="Results {noOfRowsText}">
                            <s:layout>
                                    <s:VerticalLayout paddingTop="5" paddingLeft="5" paddingBottom="5" paddingRight="5"/>
                            </s:layout>                                     
                            <mx:DataGrid id="desResults" width="100%" height="100%" dataProvider="{response.sList}"
                                         visible="{response != null &amp;&amp; response.sList != null &amp;&amp; response.sList.length != 0}"
                                         itemClick="datagrid_itemClickHandler(event)">
                                    <mx:columns>
                                            <mx:DataGridColumn headerText="Start Date" dataField="sVaRWindowStartDate"
                                                               itemRenderer="com.vanilla.package.class"/>
                                            <mx:DataGridColumn headerText="End Date" dataField="sVaRWindowEndDate"
                                                               itemRenderer="com.vanilla.package.class"/>
                                            <mx:DataGridColumn headerText="Value" dataField="Value" textAlign="left"
                                                               itemRenderer="com.vanilla.package.classOne"/>
                                            <mx:DataGridColumn headerText="Description" dataField="description" textAlign="right"
                                                               itemRenderer="com.vanilla.package.classOne"/>
                                    </mx:columns>
                            </mx:DataGrid>                                      
                    </s:Panel>                                         
      <s:Panel id="panelLsR" width="60%" height="100%" includeIn="lsr" title="LsR Details">
               <s:layout>
                  <s:VerticalLayout horizontalAlign="left" 
                     verticalAlign="top" paddingTop="5" 
                     paddingLeft="5" paddingRight="5" paddingBottom="5"/>
                </s:layout>
                <s:HGroup width="100%" verticalAlign="middle" horizontalAlign="left" gap="10">
                    <mx:Text  text="{lsrPanelTitle}"/>
                    <mx:Spacer width="100%"/>
                        <s:Button label="Close" click="lsrPanel_closeHandler(event)"/>
                </s:HGroup>
                <mx:DataGrid id="lsrResults" width="100%" height="100%"dataProvider="{lsrSeriesList}"
                                         visible="{lsrSeriesList != null &amp;&amp; lsrSeriesList.length != 0}"
                                         itemClick="datagrid_itemClickHandler(event)">
                    <mx:columns>
                        <mx:DataGridColumn headerText="Date" dataField="date"/>
                        <mx:DataGridColumn headerText="Value" dataField="value" textAlign="right"                                                      itemRenderer="com.vanilla.package.class"/>
                                </mx:columns>
                    </mx:DataGrid>
       </s:Panel>

Когда я нажимаю на столбец конечной даты, экран разделяется на две части, одну для результатов (noOfRows) и другую для lsrDetails.Я хочу уменьшить ширину для части lsrDetails и хочу увеличить ширину для результатов (noOfRows).Как мне этого добиться?Функция datagrid_itemClickHandler работает следующим образом.Я попытался изменить проценты ширины в панели LSR, но не повезло.Может кто-нибудь, пожалуйста, помогите мне достичь этого?Я работаю над flex впервые. 

protected function datagrid_itemClickHandler(event:ListEvent):void
        {           
            getsLsR(request);
        }

1 Ответ

0 голосов
/ 22 февраля 2019

Чтобы изменить размер панели, используя ширину в процентах, используйте «процент ширины».Например: 

panelsLsr.percentWidth = 80;

Кроме того, исправьте ширину другой панели, чтобы она увеличивалась до 100%.

...