jQuery EasyUI使用教程：在面板中創(chuàng)建復(fù)雜布局

Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù)！查看詳情>>>

<jQuery EasyUI最新版下載>

本教程主要為大家介紹如何在面板中創(chuàng)建復(fù)雜的布局。面板允許你創(chuàng)建用于多種用途的自定義布局，在本示例中，我們通過(guò)使用面板和布局插件來(lái)創(chuàng)建一個(gè)MSN的消息框。

查看演示

我們?cè)趨^(qū)域面板中使用多個(gè)布局。在消息框頂部我們放置一個(gè)搜索輸入，將一個(gè)人物圖片放置在右邊。在中間的區(qū)域我們通過(guò)將split屬性設(shè)置為true，來(lái)把這部分切割為兩部分，允許用戶(hù)改變區(qū)域面板的尺寸大小。

下面是所有的代碼：

	
	

		
		

			Search:
		

		

			
			

				
				

					 
				

				

					
					

						
						

							Hi,I am easyui.
						

						

							
						

					

				

			

		

	

我們不需要編寫(xiě)任何JavaScript代碼，它自身?yè)碛袕?qiáng)大的用戶(hù)界面設(shè)計(jì)功能。

下載該EasyUI示例：easyui-panel-demo.zip

購(gòu)買(mǎi)最新正版授權(quán)！"咨詢(xún)?cè)诰€客服"