Ext.History浏览器自定义前进后退功能

mengqingyu

浏览: 332962 次
性别:
来自: 天津

最近访客更多访客>>

aleiliuwei

jis117

devcang

yejan_123

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

ext

<!--
	在当前页面中，如果做出了一些页面功能操作，想在页面跳转之后，在点后退，可后退到当前页面某个指定功能状态的情况下，
	可以在做出相对操作时执行addHistory(module)方法来给地址栏添加参数状态记录当前状态，这样可在后退时退到当前状态下
-->
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>Ext3浏览器后退功能</title>
<script type="text/javascript">
	Ext.onReady(function() {
		//初始化history组件   
		Ext.History.init();
		//判断如果当前路蓝旗地址#后有test参数,执行传入的方法
		initHistoryUrl("test", function() {
			//js函数，内部自定义实现
		});

		//特殊情况可覆盖浏览器前进后退按钮，当浏览器被添加标记时，点击后退按钮仅执行此方法   
		/*
		Ext.History.on('change', function(token){
			if(token){
				//相应操作
			}
		});
		Ext.History.back(); ext的后退前进方法
		Ext.History.forward();
		*/
	});

	/**
	 * 页面初始化时，截取地址栏#后的标记来判断是否需要执行相应的方法
	 */
	function initHistoryUrl(module, fn) {
		var url = window.location.href;
		var has = url.indexOf('#');
		if (has != -1) {
			var history = url.substring(has + 1);
			if (history == module) fn();
		}
	}
	
	/**
	 * 在浏览器地址上添加标记
	 */
	function addHistory(module) {
		Ext.History.add(module);
	}
</script>
</head>
<body>
<!-- Ext.History所需的form  begin-->
<form id="history-form" class="x-hidden"><input type="hidden" id="x-history-field" /> <iframe id="x-history-frame"> </iframe></form>
<!-- Ext.History所需的form  end -->
</body>
</html>

分享到：

(转载)进销存数据库设计 | jQuery通用表单非空、数值验证和编辑回显处 ...

2013-08-07 13:12
浏览 2419
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Ext.History浏览器自定义前进后退功能

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Ext.History浏览器自定义前进后退功能

评论

发表评论

相关推荐

js笔记

(转载)JS中的event 对象详解

在线表单设计器设计原理

js闭包

一行文字开头的空格替换的正则方法

解决My97DatePicker(日历控件)乱码问题

JavaScript小数四舍五入

ExtJs 常用代码

(转载)CKEditor 3.0 配置 使用

js网页中调用客户端可执行程序(解决目录空格问题)

(转载)史上最全最强的正则表达式

(转载)复制内容到剪切板

JavaScript日期处理

js实现图片上传客户端回显（兼容IE6和IE7）

最近访客更多访客>>

(转载)CKEditor 3.0 配置使用