jquery easyui dialog

最近项目用到jquery easyui ，针对dialog 作如下笔记：

这里的流程是：点击“”修改“”按钮的时候，弹出dialog

<input type="button" id="editMenuBtn" value="修改" style="cursor:pointer">

<div id="menuEditWin" class="easyui-dialog" title="修改菜单" style="width: 400px;height: 200px;">
内容：可以动态获取

</div>

注意：class="easyui-dialog" ，加入他的话，对话框默认就是打开的，加载整个页面的话就会弹出，影响功能，所以此处不加class。

调用：

<script type="text/javascript">
    $(function () {
        $('#dlg').dialog({
            title: '对话框',
            iconCls:"icon-edit",
            collapsible: true,
            minimizable: true,
            maximizable: true,
            resizable: true,
            width: 300,
            height: 200,
            modal: true,
            href: "Content.aspx",
	    queryParams:{id:id},
            onClose: function () {
                alert("Close");
            },
            toolbar: [{
                text: 'Add',
                iconCls: 'icon-add',
                handler: function () {
                    alert('add');
                }
            }, '-', {
                text: 'Save',
                iconCls: 'icon-save',
                handler: function () {
                    alert('save');
                }
            }],
            buttons: [{
                text: 'Ok',
                iconCls: 'icon-ok',
                handler: function () {
                    alert('ok');
                }
            }, {
                text: 'Cancel',
                iconCls: 'icon-cancel',
                handler: function () {
                    $('#dlg').dialog('close');
                }
            }]
        });
    });
</script>