layout -panel01

<script src="~/jquery-easyui-1.5.5.2/jquery.min.js"></script>
<link href="~/jquery-easyui-1.5.5.2/themes/default/easyui.css" rel="stylesheet" />
<link href="~/jquery-easyui-1.5.5.2/themes/color.css" rel="stylesheet" />
<link href="~/jquery-easyui-1.5.5.2/themes/icon.css" rel="stylesheet" />
<script src="~/jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js"></script>
<script src="~/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>

<div>
   <div id="panel1" data-options="style:{borderWidth:5}"></div>

</div>
<script>

    $(document).ready(function () {

        $("#panel1").panel({
            width: 500,
            height: 150,
            title: 'My Panel',
            cls: 'c8',   // 设置样式
            headerCls: 'c2',
            bodyCls: 'c4',    //
            fit: false,  // 适应父容器的大小
            border: false,
            doSize: true,
            style: 'borderWidth:5',
            noheader: false,
            content: 'sasasasa',
            collapsible: true,
            cache: true,
            href: '/home/sss',
            loadingMessage: 'j加载中。。。',
            onBeforeOpen: function () {
                alert("将要打开");
            }
        });

    });

</script>