jQuery MiniUI

标题: mini.open中打开struts页面如何保存数据，完成保存后并关闭当 [打印本页]
作者: hyyy    时间: 2013-4-25 23:09:09     标题: mini.open中打开struts页面如何保存数据，完成保存后并关闭当

主页面为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串？
作者: niko    时间: 2013-4-26 09:02:11

1.如果你是表单比较，请将控件放入form标签内提交
2.关闭的话，请参考http://www.miniui.com/demo/#src=buttonedit/selectGrid.html弹出框中的关闭方法，在b.jsp内也写一样，主动调用下 CloseWindow()就好了
作者: hyyy    时间: 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    时间: 2013-4-26 11:07:43

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

针对问题2：
由于struts2在页面表单展示数据时html元素的name属性为XXX.XXX的形式，
a.jsp页面代码如下：(查看源代码后的文本)
  1. <html>
  2.   <head>
  3.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  4.     <link href="../../miniui/demo/demo.css" rel="stylesheet" type="text/css" />
  5.     <script src="../../miniui/scripts/boot.js" type="text/javascript"></script>

  7.     <style type="text/css">
  8.     html, body
  9.     {
  10.         font-size:12px;
  11.         padding:0;
  12.         margin:0;
  13.         border:0;
  14.         height:100%;
  15.         overflow:hidden;
  16.     }
  17.    
  18. .txt{
  19. color:#005aa7;
  20. border-bottom:1px solid #005aa7; /* 下划线效果 */
  21. border-top:0px;
  22. border-left:0px;
  23. border-right:0px;
  24. background-color:transparent; /* 背景色透明 */
  25. }

  27.     </style>

  29.   </head>
  30.   
  31.   <body>
  32.     <form id="form1" name="form1" method="post" action="saveCaseCk.action">
  33.     <fieldset style="border:solid 1px #aaa;padding:3px;">
  34.                    <legend >基本信息</legend>
  35.                    <div style="padding:5px;text-align:center;"><!-- div中table居中 -->
  36.                            <table border="0" style="margin:0 auto;width:800;text-align:left">
  37.                                    <tr><td>委托时间</td><td><input name="reg.consignTime" class="txt" value="2012-11-02 08:03:03" style="width:125px"/></td>
  38.                                            <td>委托机构</td><td ><input type="text" name="reg.consignUnit" value="DD" id="reg_consignUnit" class="txt" style="width:40px;"/></td>
  39.                                            <td>报案号</td><td><input type="text" name="reg.caseId" value="4176120" id="reg_caseId" class="txt" style="width:140px;"/></td>
  40.                                            <td>流水号</td><td><input type="text" name="reg.regid" value="LS201211306071DD" readonly="readonly" id="reg_regid" class="txt" style="width:120px;"/></td></tr>
  41.                                    
  42.                                    <tr><td>事故经过</td><td colspan="7"><input type="text" name="reg.casing" value="被刮" id="reg_casing" class="txt" style="width:700px"/></td></tr>
  43.                                    <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>
  44.                            </table>
  45.                    </div>
  46.            </fieldset>
  47.            
  48.            <div style="text-align:center;padding:10px;">               
  49.             <a class="mini-button" onclick="onsave" style="width:60px;margin-right:20px;">确定</a>      
  50.             <a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>      
  51.         </div>      
  52.     </form>
  53.     <script type="text/javascript">
  54.    mini.parse();
  55.    var form = new mini.Form("form1");
  56.    
  57.         function onsave(e){
  58.                 var o = form.getData();  
  59.         var json = mini.encode([o]);
  60.         alert(json);
  61.         
  62.             $.ajax({
  63.                 url: "../cx/ckSvaeCase.action",
  64.                 data: { data: json },
  65.                 cache: false,
  66.                 success: function (text) {
  67.                     CloseWindow("save");
  68.                 },
  69.                 error: function (jqXHR, textStatus, errorThrown) {
  70.                     alert(jqXHR.responseText);
  71.                     CloseWindow();
  72.                 }
  73.             });
  74.                
  75.         }
  76.     function onCancel(e) {
  77.             CloseWindow("cancel");
  78.     }
  79.     function CloseWindow(action) {            
  80.             if (action == "close" && form.isChanged()) {
  81.                 if (confirm("数据被修改了，是否先保存？")) {
  82.                     return false;
  83.             }
  84.          }
  85.          if (window.CloseOwnerWindow){
  86.                  return window.CloseOwnerWindow(action);
  87.          }else{
  88.                  window.close();
  89.          }            
  90.     }
  91.    

  93.     </script>
  94.   </body>
  95. </html>
复制代码
执行onsave中显示json为[{}]，即空json串，这是为何？是form写的有问题，还是取的方法有问题？
作者: hyyy    时间: 2013-4-26 12:29:44

hyyy 发表于 2013-4-26 11:07
针对问题2：
由于struts2在页面表单展示数据时html元素的name属性为XXX.XXX的形式，
a.jsp页面代码如下：( ...

经测试，html元素的clss属性必须为mini-XXX才能被form.getData获取到值，name属性也不能含有点，否则被当成子对象了！
作者: factory    时间: 2013-4-26 13:39:09

hyyy 发表于 2013-4-26 12:29
经测试，html元素的clss属性必须为mini-XXX才能被form.getData获取到值，name属性也不能含有点，否则被当 ...

miniui的API只对miniui控件生效
作者: hyyy    时间: 2013-4-26 14:27:51

factory 发表于 2013-4-26 13:39
miniui的API只对miniui控件生效

三楼的问题能看出问题出在哪儿吗？



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2