Ext.net學習筆記之ViewPort佈局

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

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

 

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

好比下圖的佈局:

相應的代碼:

<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屬性，才能夠正確的顯示。

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

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

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