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>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</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>