jquery – jsTree:异步加载

前端之家收集整理的这篇文章主要介绍了jquery – jsTree:异步加载前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在我的一个项目中使用这个jQuery插件(jsTree).
我发现的所有其他人最近都没有更新过.
无论如何,我使用这个插件来加载文件夹结构,但我想这样做
操作异步.
我在他们的网站上发现的例子(称为异步)是荒谬的.
我试图检查互联网,但似乎大多数人加载整个树.
我想在每个单点节点上加载一个分支点击.
我正在使用 JSON.

预先感谢

解决方法

我现在正在jQuery 1.4中使用jsTree,这是一个例子,它使得它更加清晰:
  1. $("#QuickNav").tree({
  2. data: {
  3. async: true,type: "json",opts: {
  4. method: "POST",url: rootPath + "QuickNav"
  5. }
  6. },callback: {
  7. beforedata: function(NODE,TREE_OBJ) {
  8. return $(NODE).attr("id") === "" ?
  9. { id: $(NODE).find("a:first").attr("id")} :
  10. { id: $(NODE).attr("id") || 0 };
  11. },onchange: function(NODE) {
  12. document.location.href = $(NODE).children("a:first").attr("href");
  13. }
  14. }
  15. });

我从该Url返回的JSON示例:

  1. [{
  2. "data": {
  3. "title": "Title (<b link='/Thing/200' class='gtp'>Go to Page</b>)","attributes": {
  4. "href": "#","id": "200"
  5. }
  6. },"state": "closed"
  7. }]

id是唯一被传递给我的Web服务方法回调的东西,导致返回这样的JSON:

  1. [{
  2. "data": {
  3. "title": "Sites","class": "TreeTitle"
  4. }
  5. },"state": "open","children": [
  6. {
  7. "data": {
  8. "title": "00001 - Test Thing","type": "link","attributes": {
  9. "href": "/Site/39063","class": "TL"
  10. }
  11. }
  12. },{
  13. "data": {
  14. "title": "00002 - Test Thing 2","attributes": {
  15. "href": "/Site/39069","class": "TL"
  16. }
  17. }
  18. }
  19. ]
  20. }]

猜你在找的jQuery相关文章