jQuery EasyUI使用教程之在面板中创建复杂布局

<jQuery EasyUI最新版下载>

本教程主要为大家介绍如何在面板中创建复杂的布局。面板允许你创建用于多种用途的自定义布局，在本示例中，我们通过使用面板和布局插件来创建一个MSN的消息框。



查看演示

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

下面是所有的代码：

我们不需要编写任何JavaScript代码，它自身拥有强大的用户界面设计功能。

下载该EasyUI示例：easyui-panel-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery
EasyUI的教程！