查看: 3300|回复: 6

mini.open中打开struts页面如何保存数据，完成保存后并关闭当 [复制链接]

hyyy

注册会员

Rank: 2

电梯直达

楼主

发表于 2013-4-25 23:09:09 |只看该作者 |倒序浏览

主页面为MenuBar(Load)示例中的布局，在菜单中打开新的tab,tab中有datagrid，选中某条记录后选择编辑按钮，（如示例【快速入门】-》【弹出面板】-》【弹出编辑面板】），即用mini.open打开的新窗口，在窗口中显示记录的详细信息此页面为（a.jsp），保存成功后跳转到（b.jsp）(因ssh项目页面操作的数据由action处理，action处理完后交由b.jsp处理相关的提示等操作)，现在b.jsp的页面就是提示服务器端数据操作的处理结果，并关闭用mini.open打开的这个窗口，然后datagrid中数据重新加载。
【问题1：同步保存】现在的问题就是在b.jsp中如何将这个窗口关闭？
由于示例中用的是异步保存，但由于a.jsp中用的是struts标签展示的数据，在用
var o = form.getData();
var json = mini.encode([o]);
获取的json串并不完整，也没发现规律。
【问题2：异步保存】在a.jsp中struts标签展示的数据，html元素使用什么的规则，可以获取规整的json串？

收藏1

niko

管理员

Rank: 9 Rank: 9 Rank: 9

沙发

发表于 2013-4-26 09:02:11 |只看该作者

1.如果你是表单比较，请将控件放入form标签内提交
2.关闭的话，请参考http://www.miniui.com/demo/#src=buttonedit/selectGrid.html弹出框中的关闭方法，在b.jsp内也写一样，主动调用下 CloseWindow()就好了

hyyy

注册会员

Rank: 2

板凳

发表于 2013-4-26 10:45:18 |只看该作者

本帖最后由 hyyy 于 2013-4-26 10:58 编辑

针对问题1：b.jsp页面代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
      <head>
            <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
            <link href="../miniui/demo/demo.css" rel="stylesheet" type="text/css" />
         <script src="../miniui/scripts/boot.js" type="text/javascript"></script>
      </head>
      <body>
   </body>
</html>
<script type="text/javascript">
function onCancel(e) {
         CloseWindow("cancel");
}
function CloseWindow(action) {

      if (window.CloseOwnerWindow){
      //alert("a");
               return window.CloseOwnerWindow(action);
      }else{
      //alert("b");
               window.close();
      }
}
mini.parse();

//window.close();
//CloseWindow("ok");
CloseWindow('cancel')
</script>

无法关闭，alert测试，显示执行的是window.close()这个分支。

hyyy

注册会员

Rank: 2

地板

发表于 2013-4-26 11:07:43 |只看该作者

本帖最后由 hyyy 于 2013-4-26 11:14 编辑

针对问题2：
由于struts2在页面表单展示数据时html元素的name属性为XXX.XXX的形式，
a.jsp页面代码如下：(查看源代码后的文本)

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href="../../miniui/demo/demo.css" rel="stylesheet" type="text/css" />
<script src="../../miniui/scripts/boot.js" type="text/javascript"></script>
<style type="text/css">
html, body
{
font-size:12px;
padding:0;
margin:0;
border:0;
height:100%;
overflow:hidden;
}
.txt{
color:#005aa7;
border-bottom:1px solid #005aa7; /* 下划线效果 */
border-top:0px;
border-left:0px;
border-right:0px;
background-color:transparent; /* 背景色透明 */
}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="saveCaseCk.action">
<fieldset style="border:solid 1px #aaa;padding:3px;">
<legend >基本信息</legend>
<div style="padding:5px;text-align:center;">
<table border="0" style="margin:0 auto;width:800;text-align:left">
<tr><td>委托时间</td><td><input name="reg.consignTime" class="txt" value="2012-11-02 08:03:03" style="width:125px"/></td>
<td>委托机构</td><td ><input type="text" name="reg.consignUnit" value="DD" id="reg_consignUnit" class="txt" style="width:40px;"/></td>
<td>报案号</td><td><input type="text" name="reg.caseId" value="4176120" id="reg_caseId" class="txt" style="width:140px;"/></td>
<td>流水号</td><td><input type="text" name="reg.regid" value="LS201211306071DD" readonly="readonly" id="reg_regid" class="txt" style="width:120px;"/></td></tr>
<tr><td>事故经过</td><td colspan="7"><input type="text" name="reg.casing" value="被刮" id="reg_casing" class="txt" style="width:700px"/></td></tr>
<tr><td>备注(调度)</td><td colspan="7"><input type="text" name="reg.memo" value="[车牌：粤B0]最近一次在2012-11-02 08:01:24.0有出险记录;_" id="reg_memo" class="txt" style="width:700px"/></td></tr>
</table>
</div>
</fieldset>
<div style="text-align:center;padding:10px;">
<a class="mini-button" onclick="onsave" style="width:60px;margin-right:20px;">确定</a>
<a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>
</div>
</form>
<script type="text/javascript">
mini.parse();
var form = new mini.Form("form1");
function onsave(e){
var o = form.getData();
var json = mini.encode([o]);
alert(json);
$.ajax({
url: "../cx/ckSvaeCase.action",
data: { data: json },
cache: false,
success: function (text) {
CloseWindow("save");
},
error: function (jqXHR, textStatus, errorThrown) {
alert(jqXHR.responseText);
CloseWindow();
}
});
}
function onCancel(e) {
CloseWindow("cancel");
}
function CloseWindow(action) {
if (action == "close" && form.isChanged()) {
if (confirm("数据被修改了，是否先保存？")) {
return false;
}
}
if (window.CloseOwnerWindow){
return window.CloseOwnerWindow(action);
}else{
window.close();
}
}
</script>
</body>
</html>