[组件用法]Ext.History用法要点

在我的单页面试了下这个类的用法，发现这个类还是比较特殊的。
说下详细用法：
1.在页面加入如下隐藏域

Html代码

1. <form id="history-form" class="x-hidden">  
2.             <input type="hidden" id="x-history-field" />  
3.             <iframe id="x-history-frame">  
4.             </iframe>  
5.         </form>  

<form id="history-form" class="x-hidden">
            <input type="hidden" id="x-history-field" />
            <iframe id="x-history-frame">
            </iframe>
        </form>

2.添加初始化方法，这个跟qtip一样：

Js代码

1. Ext.History.init();  

Ext.History.init();

3.对于需要记录的事件添加监听函数：

Js代码

1. Ext.History.add(token);  

    Ext.History.add(token);

这个token也就是个标实，具体怎么获取要看你调用事件传过来的参数了
4.添加Ext.History的change事件处理

Js代码

1. Ext.History.on('change', function(code){   
2. ...//your code   
3. });  

Ext.History.on('change', function(code){
...//your code
});

注意点：
1.每次调用add方法也会触发Ext.History的change事件，不光是浏览器的前进后退按钮；
2.页面初始化时必须要能触发你需要记录的事件或者是直接调用第三步所写的方法，否则你就回不到起始页了
3.Ext.History有back() 和forward()方法来实现浏览器的前进和后退，刷新的话可以调用以下代码：

Js代码

1. Ext.History.fireEvent('change',Ext.History.getToken());