easyUI動態彈出Dialog
阿新 • • 發佈:2019-01-08
文件不全真的很要命!
不多說,上乾貨
需要實現的效果是點選某按鈕時彈出Dialog,預設隱藏
先在頁面寫一個easyui-dialog
程式碼如下
<div id="dd" class="easyui-dialog" title="My Dialog" style="width: 400px; height: 100px;text-align:center"
data-options="iconCls:'icon-save',resizable:true,modal:false,closed:true" >
微信公眾號名稱:<input id ="name" value="test"/>
</div>
別的屬性可以不論,closed:true一定要寫上,感覺這個屬性應該是說能否關閉
然後是js
$(function () {
$('#dd').dialog('close');
})
本段程式碼在頁面載入時執行,關閉dialog
接下來在事件響應程式碼中加上這一句
$('#dd').dialog('open');