點擊按鈕調用 $('#add').panel({...}) 初始化並顯示面板,關閉後再次點擊按鈕無反應。
.panel(options) 是**初始化**方法,對同一元素重複調用不會重新打開已關閉的面板。關閉後需調用**實例方法** panel('open')。
<!-- HTML 預先定義面板結構 -->
<div id="add" class="easyui-panel" title="My Panel" style="width:500px;height:150px;display:none;"
data-options="closable:true,tools:[{iconCls:'icon-save',handler:function(){alert('save')}}]">
面板內容
</div>
<button onclick="$('#add').panel('open')">打開面板</button>
<button onclick="$('#add').panel('close')">關閉面板</button>
或 JS 動態創建後保持引用:
var $panel = $('#add').panel({ closed: true, ... }); // 初始化時關閉
function openPanel() { $panel.panel('open'); }
panel('open') / panel('close'):打開/關閉已初始化面板。panel('destroy'):銷毀面板釋放資源。