雷林鹏分享：jQuery EasyUI 布局 - 在面板中创建复杂布局

　　jQuery EasyUI 布局 - 在面板中创建复杂布局

　　面板(Panel)允许您创建用于多种用途的自定义布局。在本实例中，我们使用面板(panel)和布局(layout)插件来创建一个 msn 消息框。

　　我们在区域面板中使用多个布局(layout)。在消息框的顶部我们放置一个查询输入框，同时在右边放置一个人物图片。在中间的区域我们通过设置 split 属性为 true，把这部分切割为两部分，允许用户改变区域面板的尺寸大小。

　　以下就是所有代码：

　　

 

　　

 

　　

 

　　Search:

　　

 

　　

 

　　

 

　　

 

　　

　　

 

　　

 

　　

 

　　

 

　　Hi,I am easyui.

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　我们不需要写任何的 javascript 代码，它自己有非常强大的设计用户界面的功能。

　　下载 jQuery EasyUI 实例

　　jeasyui-layout-panel.zip

　　本文转载自：w3cschool(编辑：雷林鹏 来源：网络 侵删)