天天看点

easyui-基础组件panel

<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.csdn.net/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>
           

继续阅读