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>