Ext.net學習筆記之ViewPort佈局

前段時間開始學習Ext.net ,感受很強大,對於我這菜鳥來講是這樣。佈局

我是學了又忘,忘了又去學的人,因此寫寫筆記,給本身長點記性。學習

 

在ViewPort佈局中,主要是對Panel之類的Region屬性的一個運用。Region屬性有6個屬性能夠選擇:North、South、West、East、Center和None。spa

好比下圖的佈局:.net

相應的代碼:code

<ext:Viewport runat="server" Layout="BorderLayout">
    <Items>
      <ext:Panel runat="server" Region="North" Title="North" Height="100"></ext:Panel>
      <ext:Panel runat="server" Region="West" Title="West" Width="200" Collapsible="true"><Items></Items></ext:Panel>
      <ext:Panel runat="server" Region="Center" Title="Center"></ext:Panel>
    </Items>
</ext:Viewport>

關鍵的ViewPort的Layout屬性必須設置爲BorderLayout屬性,才能夠正確的顯示。server

在Panel中,只要添加你想要的內容就能夠了,好比想在West中製做一個菜單,能夠,把你作好的菜單佈局放進Items中。也能夠設置Panel是否可摺疊,就是上面的West的Panel的Collapsible屬性,true爲可摺疊,false反之;Collapsed屬性設置是否處於摺疊狀態,true爲摺疊,false爲展開。blog

摺疊以後Center能夠顯示更多的內容。it

通常我都是佈置好了佈局以後才詳細思考接下來要填充的東西,我喜歡這麼作。io

相關文章
相關標籤/搜索