easyui的dialog数据初始化问题解决

1.问题再现

使用dialog来实现修改和新增框，使用dialog.(“close”)来关闭dialog框，这个时候如果有两个页面的修改页面的表单的字段相同时，这两个表单的东西就会混乱。要不就是修改时打不开，要不就是新增页面打开数据初始化不了。
dialog代码如下：

<div id="dialog" style="display:none;">    <table style="width:95%;margin:5px auto;border-collapse:collapse;border-spacing:10px;">        <tr>            <td width="60px">专题名称:</td><td><input placeholder="请填写专题名称" type="text" id="row_name" maxlength="20"><div style="height:10px;"></div></input></td>        </tr>        <tr>            <td width="60px">专题代码:</td><td><input placeholder="请填写专题代码" type="text" id="row_code" maxlength="20"><div style="height:10px;"></div></input></td>        </tr>        <tr>            <td width="60px">专题描述:</td><td><textarea style="width:100%;font-size:14px;" rows="6" maxlength="200" id="row_content" ></textarea><div style="height:10px;"></div></td>        </tr>        <tr>            <td width="60px">开头:</td><td><textarea style="width:100%;font-size:14px;" rows="10" maxlength="2000" id="preface" ><p class="indent">这里输入第一段</p><p class="indent mt20">这里输入第二段</p><p class="indent mt20">以此类推</p>            </textarea><div style="height:10px;"></div></td>        </tr>        <tr>            <td width="60px">结尾:</td><td><textarea style="width:100%;font-size:14px;" rows="10" maxlength="2000" id="postscript" ><p class="indent">这里输入第一段</p><p class="indent mt20">这里输入第二段</p><p class="indent mt20">以此类推</p>            </textarea><div style="height:10px;"></div></td>        </tr>    </table></div>

2.问题探索

我试过找到easyui的官网，看它的文档说明。其中，我发现easyui自带的一些方法可能有用。比如：onClose方法——等页面关闭之后给dialog重新赋值；页面刷新。

3.参考博文

http://bbs.csdn.net/topics/391031024
http://blog.csdn.net/maosijunzi/article/details/44160445

4.解决方法

我是新增了一个dialog，和dialog的属性一样，但id不一样。我们在新增和修改的时候触发不一样的dialog来呈现出来不同的dialog。