自己实现"后退"(含JS)的功能

<script type="text/javascript"> </script> <script type="text/javascript"> </script>

       上个星期遇到这样一个问题，用户做好的数据（js对应显示），在“后退”时看不到了，怎么办？

      目地就是如何保持用户JS里的数据，在返回时显示给用户看.....

      经过了几天的努力，及小马教授的指点。终于搞定了...兴奋ing

         马教授给的建议是：在页面刷新的时候使用javascrip自动重复做一边对应的事情,而这个javascrip由C#动态生成.
加了一个javascript函数additem,加了一个C#函数ReAddItem,删除了其中一个Repeater，page_load稍微改了一下.

         个人理解：在后退时，取出保存在session中的值，然后用页面注册一个Javascript进行显示。

          关键代码如下：

                1.由a.aspx页面单击“下一步”，将JS里的值写入session(代码省略);

                2.由b.aspx页面单击“后退”(也就是返回到a.aspx页面),将Session中的值取出，转入a.aspx页面(代码略);

                3.返回到a.aspx页面进行加载显示（对应JS里值）代码：

                     //在page_load()中加入此方法 if (Request.QueryString["SAID"] != null && Request.QueryString["ShowAll"].ToString().Equals("y")) { DataTable dt = BufferTradeBIZ.GetByStringTID(Request.QueryString["SAID"].ToString()); this.repItem.DataSource = dt; this.repItem.DataBind(); ReAdd();//给页面注册一个JS } //另一个方法，给页面注册一个JS protected void ReAdd() { if (Session["SLine"] == null) return; List<SalesOrderLineItem> list = Session["SLine"] as List<SalesOrderLineItem>; StringBuilder sb = new StringBuilder(); sb.Append("<mce:script type=text/javascript><!-- "); string currentID=string.Empty; foreach (SalesOrderLineItem sl in list) { if (!currentID.Contains(sl.PlatformOrderId)) { currentID += sl.PlatformOrderId; string allValue = string.Empty; foreach (SalesOrderLineItem sl2 in list) { if (sl.PlatformOrderId.Equals(sl2.PlatformOrderId)) { allValue += sl2.ItemRemark + ","; } } sb.Append("AddReItem('"+sl.PlatformOrderId+"','"+sl.ParentId+"','"+allValue+"');"); }//AddReItem();是JS里的一个方法 } sb.Append(" // --></mce:script>"); ClientScript.RegisterStartupScript(this.GetType(), "readdscript", sb.ToString());//注册JS } //js代码如下,让其显示即可(原来的对应及删除功能都在) function AddReItem(sonId,parentid,item) { // alert(item); // alert("返回来了"); var v=document.getElementById(sonId); var v2 =item.split(','); var v3=""; for(var i=0;i<v2.length-1;i++) { var cv1=v2[i].split('|')[0].split(':')[1]; var cv2=v2[i].split('|')[1].split(':')[1]; var cv3=v2[i].split('|')[2].split(':')[1]; var cv4=v2[i].split('|')[3].split(':')[1]; var cv5=cv1+":"+cv2+":"+cv3+":"+cv4; v.innerHTML+="<div style='border:solid 1px #0000CC;width:400px;background-color:#CCCCCC;'><div οnclick='del(this)' id='"+(sonId+","+cv1)+"' style='background-color:#FF6699;text-align:center;float:left; width:50px;height:30px;'>删除</div><div style='background-color:#CCFF99;float:left;width:300px;'><div style="text-align:left;" mce_style="text-align:left;">品名："+cv1+"</div><div>颜色："+cv2+",尺码："+cv3+"</div></div><div style='width:46px;background-color:#FFFF00;height:30px;'>件数:"+cv4+"</div></div>"; v3+=sonId+":"+parentid+":"+cv5+"|" // alert(document.getElementById("E"+where).value); } // alert(v3); document.getElementById("HFValue").value+=v3; // // alert("结束"); } 

以上代码可以完成,后退功能显示JS里的内容.

在这里很感谢小马的建议。

 

 

 

===============================注意 ==================================================

以上写的有些大致，不过重点都已讲到，如果有不明白请与我联系:

网站：     http://chenhuzi.gicp.net 

QQ ：     415845188

Email：   chen890221@126.com

MSN:      chenyunkun1989@hotmail.com

淘宝站： chenhuzi.taobao.com

Mobile： (通过以上方式获取吧!)

版权所有，转载时请注明出处，谢谢配合！！！