关于hashchangebroker和statehashable的补充文档

url hash：url中#号后面那段，通常用来定位到html页面中某一锚点。因为hash变化页面不会刷新，所以在ajax应用中用hash来存储脚本运行状态，例如gmail的做法。

jquery hash change event plugin： Internet Explorer 8, Firefox 3.6+, 和Chrome 5+里，已经提供了window.onhashchange事件，但是在老版本的浏览器中并没有这个事件，这个插件通过定时器判断hash是否产生了变化，以便在老版本的浏览器重提供hashchange事件。

hashchangebroker：之前写了这个jquery extend，提供了四个方法：

$.hashchangebroker.subscrib(fragName, handler)

　　订阅fragName对应的hash段落变化，并转发给指定的handler。
　　url hash由若干个frag组成，一个frag格式为：[fragName]:[state]。fragName为自定义hash状态名称。state为base64编码的json字符串。
　　handler只有一个参数state：json格式字符串，描述自定义状态。

$.hashchangebroker.publish(hash)

　　此方法应绑定到window.onhashchange事件。接收hash并解码找到变更的frag，并转发给订阅该frag的handler。

$.hashchangebroker.changeFrag(fragName,state)

　　此方法由statehashable类型调用，用于修改hash中对应fragName的frag的state。

$.hashchangebroker.init()

　　此方法用于在页面刷新后，获取hash并publish。在$(document).ready中调用即可。应放到所有subscrib方法之后。

statehashable：提供这个widget是希望可以比较方便的将控件的状态发布到url hash，并获取控件对应的hash frag的state变化，触发相应的statechange事件。

用法$(dom).statehashable();调用此方法后，给dom对象增加了hashchange事件。当statehashable对象发现控件对应的hash frag变化后，会触发dom对象的hashchange事件。
使用方法：


代码如下:

$(dom).bind("hashchange",function(e,stateObj){
//判断stateObj的状态，还原dom到对应的状态
});

应在更改dom状态的方法中增加statechange的事件触发，statehashable对象会捕捉该事件，并调用hashchangebroker的changeFrag方法，修改hash。statechange触发示例：
$(dom).trigger("statechange",[stateName,stateValue]);

赞 (0)

相关推荐

  • 关于hashchangebroker和statehashable的补充文档

    url hash:url中#号后面那段,通常用来定位到html页面中某一锚点.因为hash变化页面不会刷新,所以在ajax应用中用hash来存储脚本运行状态,例如gmail的做法. jquery hash change event plugin: Internet Explorer 8, Firefox 3.6+, 和Chrome 5+里,已经提供了window.onhashchange事件,但是在老版本的浏览器中并没有这个事件,这个插件通过定时器判断hash是否产生了变化,以便在老版本的浏览器

  • PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)

    本文实例讲述了PHP实现仿百度文库,豆丁在线文档效果.分享给大家供大家参考,具体如下: 由于项目要实现类似百度文库的功能,又是我一个人做的项目,所以就想到找免费的现成的来使用.在网上找到的都是一样的.如下: Flash Paper支持Office文档(.doc,.xls,.ppt)直接转换为PDF或SWF,速度很快,效果较好.可惜,Flash Paper V2.2后没有再更新了.安装Flash Paper后,可以直接使用命令调用FlashPrinter.exe,实现批量转换. 例如:C:\Fla

  • js获取元素到文档区域document的(横向、纵向)坐标的两种方法

    js获取元素到文档区域document的(横向、纵向)坐标的两种方法

    获取页面中元素到文档区域document的横向.纵向坐标的两种方法及其比较 在js控制元素运动的过程中,对于页面元素坐标位置的获取是经常用到的,这里主要总结下两种方法: 一:通过叠加元素对象和它的offsetParent(如果存在)的offsetLeft/offsetTop属性来实现 在阅读javascript高级程序设计第三版DOM部分时,了解到要获取某个元素在页面上的偏移量,需要将这个元素的offsetLeft和offsetTop与其offsetParent的相同属性相加,一直循环直至根元素

  • 完美解决phpdoc导出文档中@package的warning及Error的错误

    今天在编写PHPDoc的导出文档的时候发现一个很郁闷的错误,虽然这个warning不是什么重要错误,但是看着总是很不爽的.于是就去网上找了很多相关的资料,可是郁闷的是不知道是我用的PHPDoc版本太新(1.4的版本),还是说很多人都没遇到这个问题,反正就是没有相关的这个资料找到,只是找到了一些从PHPDocumentor官方网倒出来的关于@package的使用注意事项,然后就只能一条一条检查,看了一个版本又一个版本,总算是被我解决了. 而且发现该方案可以解决@package之类相关的错误提示:

  • Java多种方式动态生成doc文档

    Java多种方式动态生成doc文档

    本来是要在Android端生成doc的(这需求...),最后方法没有好的方法能够在Android上做到完美,最后还是只能搬迁到服务器.不浪费,还是记录下各框架不支持Android的原因以及他们的特点.Java相关的这类框架还是很多的,有几个还不错,可惜要么不支持Android,要么要收费还价格不低. 经过亲自测试,Android不支持Java的awt很多包不能直接在Android上用,FreeMarker挺不错的,能生成复杂漂亮的doc,可惜不支持Android.用POI在Android上能运行

  • JAVA帮助文档全系列 JDK1.5 JDK1.6 JDK1.7 官方中英完整版整理

    JDK(Java Development Kit,Java开发包,Java开发工具)是一个写Java的applet和应用程序的程序开发环境.它由一个处于操作系统层之上的运行环境还有开发者编译,调试和运行用Java语言写的applet和应用程序所需的工具组成. JDK(Java Development Kit)是Sun Microsystems针对Java开发员的产品.自从Java推出以来,JDK已经成为使用最广泛的Java SDK(Software development kit). JDK包含

  • python-docx修改已存在的Word文档的表格的字体格式方法

    搞了好几天的表格字体格式,一直想找一种能直接一次性修改表格所有字体格式的方法(函数),但是无论用什么方法都无法修改表格字体的格式,原因应该是已存在的文档本身就具有某种格式限制,制约着里面表格里面字体格式的更改,直接用类似:table.style.font.name='Arial',table.style.font.size = 120000-.之类的函数是不能更改表格的字体格式的(PS:可能该功能在开发中,也可能我没找到对应直接修改整个表格里面字体的方法) 但是后来发现表格里面用run = ad

  • Android Studio 实现文档注释的快捷键

    文档注释 添加文档注释是一个好的编程习惯,AS提供快速生成文档注释的方法. 方法1:/** + 回车 在函数上方输入 "/** " 然后回车,自动生成文档注释. 方法2:快捷键 我这里设置的快捷键是 ctrl + / 补充知识:android studio中批量注释代码和取消注释方法 选中需要注释的代码,然后ctrl+/键,取消同样ctrl+/键. 以上这篇Android Studio 实现文档注释的快捷键就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Python使用扩展库pywin32实现批量文档打印实例

    本文代码需要正确安装Python扩展库pywin32,建议下载whl文件进行离线安装.然后调用win32api的ShellExecute()函数来实现文档打印,系统会根据文档类型自动选择不同的软件进行打开并自动打印,如果要打印的是图片的话,需要手工确认一下. 关于ShellExecute()函数的参数含义请查阅Windows API或pywin32帮助文档. import win32print import win32api for fn in ['1.txt', '2.txt', '3.txt

  • 浅谈Android Studio导出javadoc文档操作及问题的解决

    1.在Android studio中进行打开一个项目的文件之后,然后进行点击Android stuio中菜单中的"tools"的选项.在弹出了下拉菜单中,进行选中下拉菜单中的"Generate JavaDoc"的选项. 2.在弹出界面中 Output directory是你即将生产的javadoc文件的存储位置,图中1指示的位置:正常点击ok即可: 但是如果有异常情况 比如空指针异常或者文档乱码 java.lang.NullPointerException 或者 j

随机推荐