首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

EasyUI Panel 關閉後無法再次打開:應調用 panel('open') 而非重複初始化

     編輯:程式設計綜合問答

現象

點擊按鈕調用 $('#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'); }

關鍵 API

  • panel('open') / panel('close'):打開/關閉已初始化面板。
  • panel('destroy'):銷毀面板釋放資源。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved