easyui-基础组件panel

最新推荐文章于 2021-09-12 19:13:27 发布

原创最新推荐文章于 2021-09-12 19:13:27 发布 · 355 阅读

0 ·

CC 4.0 BY-SA版权

easyUI 专栏收录该内容

6 篇文章

订阅专栏

<p align="left">1. 通过标签创建面板</p><p align="left">通过标签创建更简单。添加'easyui-panel'类ID到<div/>标签。</p>

 <div id="mypanel" class="easyui-panel" 
    minimizable=ture
    maximizable=true
    collapsible=true
    closable=true
    title="我的panel"
    iconCls="icon-add"
    style="width:300px;height:150px;padding:10px;background:#fafafa"
    
    >我是panel的內容</div>

<img src="https://img-blog.youkuaiyun.com/20151122203856470?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

<div id="mypanel"></div>

<script type="text/javascript">
<span style="white-space:pre">		</span>$(function(){
<span style="white-space:pre">			</span>$('#mypanel').panel({
<span style="white-space:pre">				</span>title:'我的面板',
<span style="white-space:pre">				</span>width:500,
<span style="white-space:pre">				</span>height:300,
<span style="white-space:pre">				</span>iconCls:'icon-edit',
<span style="white-space:pre">				</span>minimizable:ture,
    <span style="white-space:pre">			</span>maximizable:true,
    <span style="white-space:pre">			</span>collapsible:true,
   <span style="white-space:pre">				</span>closable:true
<span style="white-space:pre">			</span>});
<span style="white-space:pre">		</span>});
<span style="white-space:pre">	</span></script>