官网上的代码里没有写隐藏dialog的方法,其实可以直接设置 closed:true
官网上的例子修改,一开始不显示dialog
<div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" style="width:400px;height:200px;padding:10px"data-options="iconCls: 'icon-save' ,toolbar:'#dlg-toolbar',buttons:'#dlg-buttons',closed:true">The dialog content.</div><div id="dlg-toolbar" style="padding:2px 0"><table cellpadding="0" cellspacing="0" style="width:100%"><tr><td style="padding-left:2px"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">Edit</a><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true">Help</a></td><td style="text-align:right;padding-right:2px"><input class="easyui-searchbox" data-options="prompt:'Please input somthing'" style="width:150px"/></td></tr></table></div><div id="dlg-buttons"><a href="javascript:void(0)" class="easyui-linkbutton" οnclick="javascript:alert('save')">Save</a><a href="javascript:void(0)" class="easyui-linkbutton" οnclick="javascript:$('#dlg').dialog('close')">Close</a></div>
点击按钮触发事件显示:
function append() {$('#dlg').dialog('open');
}