jQuery EasyUI使用教程：在面板中創建復雜布局

Kendo UI for jQuery——創建現代Web應用程序的最完整UI庫！查看詳情>>>

<jQuery EasyUI最新版下載>

 本教程主要為大家介紹如何在面板中創建復雜的布局。面板允許你創建用于多種用途的自定義布局，在本示例中，我們通過使用面板和布局插件來創建一個MSN的消息框。

 我們在區域面板中使用多個布局。在消息框頂部我們放置一個搜索輸入，將一個人物圖片放置在右邊。在中間的區域我們通過將split屬性設置為true，來把這部分切割為兩部分，允許用戶改變區域面板的尺寸大小。

下面是所有的代碼：

	
	

		
		

			Search:
		

		

			
			

				
				

					 
				

				

					
					

						
						

							Hi,I am easyui.
						

						

							
						

					

				

			

		

	

我們不需要編寫任何JavaScript代碼，它自身擁有強大的用戶界面設計功能。

下載該EasyUI示例：

購買最新正版授權！""