easyui ---- jEasyUI-定制提示信息面板组件

@{
    ViewBag.Title = "Layouts";
    Layout = "~/Views/Shared/Layouts.cshtml";
}

<div>
    <a id="btn1" href="#" class="easyui-linkbutton">打开</a>
    <a id="btn2" href="#" class="easyui-linkbutton" onclick="javascript: $('#p').panel('close');">关闭</a>
    <a id="btn2" href="#" class="easyui-linkbutton" onclick="javascript: $('#p').panel('expand',true);">展开</a>
    <a id="btn2" href="#" class="easyui-linkbutton" onclick="javascript: $('#p').panel('collapse',true);">折叠</a>
</div>

<div id="p" class="easyui-panel" title="基本面板组件" style="width:500px; height:300px;">
    <p>Jquery EasyUI框架能让你轻松开发</p>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<script>
    $(function () {

        $("#p").panel({
            iconCls: 'icon-save',
            collapsible: true,
            minimizable: true,
            maximizable:true,
            closable:true
        });

        $("#btn1").click(function () {
            $("#p").panel('open');
        });

    });

</script>