【连载】研究EasyUI系统—Panel组件（概述）

    panel是最为基础的布局组件， 其他layout、accordion和tab等布局组件都要依赖panel。panel是一个容器，在他内部可以创建其他组件。

    我们可以通过html的形式构造一个panel组件：

<div class="easyui-panel" title="我的panel" 
    data-options="iconCls:'icon-lock',
    closable:true,minimizable:true,maximizable:true">
</div>

    也可以通过js脚本构造：

<style>
    .headerCss {
        background: #E6E6E6;
    }
    .bodyCss {
        background: white;
    }
    .footCss {
        background: #E6E6E6;
        text-align: center;
        height: 30px;
    }
</style>
<div id="myPanel" class="easyui-panel"></div>
<div id="myFoot" class="footCss">panel footer</div>
<script>
    $("#myPanel").panel({
        width:450,
        height:350,
        title:'我的panel',
        iconCls:'icon-lock',
        headerCls:'headerCss',
        bodyCls:'bodyCss',
        collapsible:true,
        minimizable:true,
        maximizable:true,
        closable:true,
        footer:'#myFoot'
    });
</script>

效果图