004. EsayUI系列之easyui-window(2)

 有朋友提出了这样一个问题：

使用jquery easyui window控件创建一个窗体，并链接到一个新增页面,那么当新增成功后,怎么关闭窗体？能写一个这样的给我看吗？

 

简单能了个demo,不知道是否这个意思，可供参考：

页面body片段：

<div id="AddInfo" icon="icon-add" title="添加" style=" display:none;">
        <div style=" width:460px; height:100px; font-size:12px; color:Black;">
            <table style=" width:450px; height:100px; margin-left:20px; margin-top:15px;">
                <tr>
                    <td valign="middle" style=" width:100px">名称：</td>
                    <td valign="middle" style=" width:370px"><input id="Name" type="text" style=" width:350px"/></td>
                </tr>
                <tr>
                    <td valign="top">描述：</td>
                    <td valign="middle" style=" width:370px"><textarea id="Des" rows="4" cols="10" style=" width:350px;"></textarea></td>
                </tr>
            </table>
        </div>
    </div>

js片段：

function add() {
            $("#AddInfo").show();
            $("#AddInfo").attr("title", "添加例子");

            $("#AddInfo").dialog({
                width: 500,
                height: 200,
                draggable: true,
                resizable: false,
                modal: true,
                buttons:
                    [
                        {
                            text: '提交',
                            iconCls: 'icon-ok',
                            handler: function() {
                                //此处写提交按钮触发的事件
                            }
                        },
				        {
				            text: '取消',
				            handler: function() {
				                $('#AddInfo').dialog('close');
				            }
				        }
				    ]
            });
        }

 

运行后如下图所示：