easyui 窗口和布局 Window and Layout.docVIP

easyUI 教程 ? 窗口和布局 Window and Layout布局组件可以在窗口中嵌套使用。我们可以创建一个负责的布局窗口，甚至不需要编写任何js代码。jquery-easyui框架帮助我们渲染和调整大小。作为实例我们创建的窗口包含两个部分，一个放在左侧，另一个放在右侧。左侧窗口创建一个树，右侧创建一个tabs容器 div class=easyui-window title=Layout Window icon=icon-help ? ?? ?style=width:500px;height:250px;padding:5px;background: #fafafa; ? ? div class=easyui-layout fit=true ? ?? ???div region=west split=true style=width:120px; ? ?? ?? ?? ?ul class=easyui-tree ? ?? ?? ?? ?? ? li ? ?? ?? ?? ?? ?? ???spanLibrary/span ? ?? ?? ?? ?? ?? ???ul ? ?? ?? ?? ?? ?? ?? ?? ?lispaneasyui/span/li ? ?? ?? ?? ?? ?? ?? ?? ?lispanMusic/span/li ? ?? ?? ?? ?? ?? ?? ?? ?lispanPicture/span/li ? ?? ?? ?? ?? ?? ?? ?? ?lispanDatabase/span/li ? ?? ?? ?? ?? ?? ???/ul ? ?? ?? ?? ?? ? /li ? ?? ?? ?? ?/ul ? ?? ???/div ? ?? ???div region=center border=false border=false ? ?? ?? ?? ?div class=easyui-tabs fit=true ? ?? ?? ?? ?? ? div title=Home style=padding:10px; ? ?? ?? ?? ?? ?? ???jQuery easyui framework help you build your web page easily. ? ?? ?? ?? ?? ? /div ? ?? ?? ?? ?? ? div title=Contacts ? ?? ?? ?? ?? ?? ???No contact data. ? ?? ?? ?? ?? ? /div ? ?? ?? ?? ?/div ? ?? ???/div ? ?? ???div region=south border=false style=text-align:right;height:30px;line-height:30px; ? ?? ?? ?? ?a class=easyui-linkbutton icon=icon-ok href=javascript:void(0)Ok/a ? ?? ?? ?? ?a class=easyui-linkbutton icon=icon-cancel href=javascript:void(0)Cancel/a ? ?? ???/div ? ? /div /div