保存到桌面加入收藏设为首页
EasyUI
当前位置:首页 > Web技术 > EasyUI

easyui在window嵌入layout

时间:2013-07-26 01:53:55   作者:梦幻小纯哥   来源:永硕E盘装饰网   阅读:633   评论:0
内容摘要:easyui在window嵌入layoutAsanexamplewebuildawindowwhichcontainstwoparts,oneplacedinleftandanotherplacedinright.Inleftofwindowwecreateatreeandinr...

 

easyuiwindow嵌入layout

 

As an example we build a window which contains two parts, one placed in left and another placed in right. In left of window we create a tree and in right of window create a tabs container.

作为一个例子,我们建立一个窗口包含两部分,一个放置在左,另一个放在右的。在左边的窗口我们创建一个树和在在侧的窗口创建一个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> 

                    <span>Library</span> 

                    <ul> 

                        <li><span>easyui</span></li> 

                        <li><span>Music</span></li> 

                        <li><span>Picture</span></li> 

                        <li><span>Database</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>

 

 



上一篇:easyui创建window
下一篇:easyui创建树tree
相关评论