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。