父子窗体间传递JSON格式的数据的代码

如果某个一级评分项包含评分子项，则点击该评分项时，再弹出一个新窗口，新窗体中列出了当前评分项的所有评分子项列表，供用户进行操作。用户操作完成后，点击“确定”按钮，则返回到父窗体，在子窗体中所有的操作结果，同时要带到父窗体中。同时，如果用户再次点击该评分项，则在弹出子窗体的同时，要将上次操作的结果绑定到对应的操作项上。　　上面描述的例子，就涉及到了一个父子窗体间的数据传递。如何实现这一数据传递，当然有很多方法。这里只是记录一下在这个例子中我使用的方法。我的方法是在子窗体点击“确定”按钮时，将操作结果构造成json格式的字符串，通过调用父窗体上的方法：opener.方法()，将json格式数据传递到父窗体上。　　此例中构造的json数据类似如下格式：　　{"MyData":[ 　　　　{"bh":"111","lx":"1","df":"10","bz":"aaa"}, 　　　　{"bh":"112","lx":"2","df":"20","bz":"bbb"}, 　　　　{"bh":"113","lx":"2","df":"30","bz":"ccc"} 　　]} 　　此处子项打分需要保持的分别是bh：编号；lx：类型；df：得分；bz：备注。　　按照自己的需要，可以再自己增加需要保持的项。构造此json数据可以放在前台，也可以放在后台。　　在此例中，我是放置后台的。代码如下：复制代码代码如下: StringBuilder jsonBuilder = new StringBuilder(); jsonBuilder.Append("@{""); jsonBuilder.Append("MyData"); jsonBuilder.Append("":["); int k = bh.Split(',').Length + 1; for (int i = 0; i < bh.Split(',').Length; i++) { tem += "update KH_PFX set DF = '"+EncriptLib.EncriptLib.EncodeCode(Convert.ToDouble(df.Split(',')[i].ToString().Trim()))+"',"; tem += "BZ = '"+bz.Split(',')[i].ToString().Trim()+"',PFRXM = '"+Session["XM"].ToString()+"',"; tem += "PFRBH = '"+Session["YHBH"].ToString()+"',PFRQ = to_date('"+DateTime.Now.ToShortDateString()+"','yyyy-MM-dd')"; tem += " where BH = '"+bh.Split(',')[i].ToString().Trim()+"'"; tem += "卐"; //此处用此特殊的符号来分隔sql语句 jsonBuilder.Append("{"bh":" + """ + bh.Split(',')[i].ToString().Trim() + """ + ","); jsonBuilder.Append(""lx":" + """ + lx.Split(',')[i].ToString().Trim() + """ + ","); jsonBuilder.Append(""df":" + """ + df.Split(',')[i].ToString().Trim() + """ + ","); jsonBuilder.Append(""bz":" + """ + bz.Split(',')[i].ToString().Trim() + """ + "},"); } if(tem != "") { jsonBuilder.Remove(jsonBuilder.Length - 1, 1); jsonBuilder.Append("]"); jsonBuilder.Append("}"); Page.ClientScript.RegisterClientScriptBlock(GetType(), "cg", "<Script>window.close();opener.GetZXDF('zxdf" + Request.QueryString["bh"].ToString() + "','" + parent_df.Text.Trim() + "','" + jsonBuilder.ToString() + "',"" + tem + "");</Script>"); } "@"符号可以防止在jsonBuilder.ToString()后，转义字符“”的消失。　　调用父窗体的GetZXDF()方法，将json数据传递给父窗体。　　下面给出子窗体加载时，绑定json数据的代码复制代码代码如下: $(function() { //加载时获取json，然后绑定打分结果 var obj = opener.GetJson($("#txt_YCBH").val()); if($.trim(obj) != ""){ obj = "(" + obj + ")"; obj = eval(obj); var data = obj.MyData; $.each(data, function(i, n) { if(n.lx == "1"){ //直接打分类的绑定 $("#lx" + n.bh).siblings("input").eq(0).val(n.df); $("#lx" + n.bh).siblings("input").eq(1).val(n.df); $("#lx" + n.bh).parent().parent().next().children().children("textarea").val(n.bz); } if(n.lx == "2"){ //选项打分类的绑定 $("#lx" + n.bh).siblings("input:text").eq(1).val(n.df); $("#lx" + n.bh).siblings("input:checkbox").each(function(){ if($.trim($(this).val()) == $.trim(n.df)){ $(this).attr("checked",true); } }); $("#lx" + n.bh).parent().parent().parent().next().children().children("textarea").val(n.bz); } }); opener.GetJson()方法是父窗体上用来向子窗体传递json数据的方法，代码如下：复制代码代码如下: 　　//通过编号获取对应评分项的子项打分结果的json字符串 function GetJson(p_bh) { 　　　//$("#zxdf" + p_bh).siblings("input").eq(1).val()中保存的就是子窗体传递给父窗体的json数据 return $("#zxdf" + p_bh).siblings("input").eq(1).val(); }

　　推荐阅读

　　用方法封装javascript的new操作符(一)

先看个例子：复制代码代码如下: var Class = { create : function () { return function () { this.initialize.apply(this, arguments); } } } var A = Class.create(); A.prototype = { initialize:function(){>>>详细阅读

本文标题：父子窗体间传递JSON格式的数据的代码

地址：http://www.17bianji.com/kaifa2/JS/25163.html

1/2 1