Изменение размера Аккордеонного Списка HDividedBox - PullRequest
Новая
       1

Изменение размера Аккордеонного Списка HDividedBox

0 голосов
/ 15 сентября 2011

Я бы использовал HDividedBox, и у меня проблема с изменением размера. Действительно, когда я уменьшаю ширину аккордеонной составляющей, список не уменьшается. Найдите ниже мой код 

<mx:HDividedBox width="100%"
                                height="100%"
                                color="0x323232">

                    <mx:Accordion width="40%" height="100%" >
                        <s:NavigatorContent width="100%" label="Courriers">
                            <s:List id="liCourriers" borderVisible="false"
                                    width="100%"
                                    change="itemCOIndexChangeHandler(event)" dataProvider="{DP_PAT_COURR}">

                            </s:List>
                        </s:NavigatorContent>

                        <s:NavigatorContent width="100%" height="100%" label="Courriers Images">
                        </s:NavigatorContent>

                        <s:NavigatorContent width="100%" height="100%" label="Docs Entrant">
                        </s:NavigatorContent>
                    </mx:Accordion>

                    <mx:HTML height="100%"
                             width="60%"
                             id="coContent"
                             borderVisible="true"
                             >

                    </mx:HTML>
                </mx:HDividedBox>

Спасибо за помощь

1 Ответ

0 голосов
/ 15 сентября 2011

Попробуйте указать высоту вашего списка и NavigatorContent до 100 процентов.

Извините за мой предыдущий ответ.На самом деле я неправильно понял слово WIDTH как высоту :( Я попытался воспроизвести проблему и обнаружил, что на определенном уровне список больше не уменьшается. 

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx"
                       creationComplete="onCreationComplete(event)">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;

            protected function onCreationComplete(event:FlexEvent):void
            {
                var coll:ArrayCollection = new ArrayCollection();
                for(var i:int; i < 1000; i++)
                {
                    coll.addItem(i.toString() + 'Some lengthy string need to be attached.');
                }
                liCourriers.dataProvider = coll;

            }

        ]]>
    </fx:Script>
    <mx:HDividedBox width="100%"
                    height="100%"
                    color="0x323232">

        <mx:Accordion id="accordion" width="40%" height="100%" >
            <s:NavigatorContent id="nc" width="100%" label="Courriers">
                <s:List id="liCourriers" borderVisible="false"
                        width="100%">

                </s:List>
            </s:NavigatorContent>

            <s:NavigatorContent width="100%" height="100%" label="Courriers Images">
            </s:NavigatorContent>

            <s:NavigatorContent width="100%" height="100%" label="Docs Entrant">
            </s:NavigatorContent>
        </mx:Accordion>
        <s:Panel title="Panel" width="100%">
            <s:layout>
                <s:VerticalLayout paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10"/>
            </s:layout>
            <s:Label text="{'Accordion width: '+accordion.width}" width="100%"/>
            <s:Label text="{'Navigator Content width: '+nc.width}" width="100%"/>
            <s:Label text="{'List width: '+liCourriers.width}" width="100%"/>
            <mx:HTML height="100%"
                     width="60%"
                     id="coContent"
                     borderVisible="true"
                     >

            </mx:HTML>
        </s:Panel>
    </mx:HDividedBox>
</s:WindowedApplication>
...