【JSTREE】异步加载json节点数据004

$("#jqTree").jstree({ //这个例子只是一部分的功能,还有待优化的地方
            "json_data" : {
                "ajax" : {
                    "type":"get",
                    // "cache":false,
                    "url" : "请求json的url",
                    "data" : function (n) { //传给后台的参数
                        return {
                            "orgid" : n.attr ? n.attr("id").replace("node_","") : 0 //这里的orgid是我传给后台的参数名字
                        };
                    },
                    "success" : function (data) {//后台返回的参数,由于后台返回的参数jstree解析不了,
                        var dataArray=new Array();//所以我要拼成jstree能解析的对象数组,然后直接return
                        $.each(data.orglist,function(i,item){
                            var JSONObj={"data" :{ "title":item.name},
                                        "attr" : { "id" : item.id}
                                        };
                            if(item.type!="student"){//student标识是叶子节点
                                JSONObj.state="closed";//此值是标识此节点是否有子节点的
                            }
                            dataArray.push(JSONObj);
                        });
                        return dataArray;
                    }
                }
            },
            "themes": { "theme": "default", "dots": false, "icons": false },
            "plugins" : [ "themes", "json_data", "checkbox","crrm"]
        }).delegate("a", "click", function (event, data) { event.preventDefault(); });//这句是改变节点中a标签的默人执行 jstree的demo上有

时间: 2024-10-12 08:50:05

【JSTREE】异步加载json节点数据004的相关文章

使用getJSON()方法异步加载JSON格式数据

使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数. 1 <!DOCTYPE

24.使用getJSON()方法异步加载JSON格式数据

使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数. 例如,点击页面中的“加载”按钮,调用getJSON()方法获取服务器中JS

JsTree异步加载数据实现多级菜单

最近在搞一个项目的维护,有一个问题是把原来的树导航变成多级的,原来的那个导航是JsTree的,但我又不熟悉,遂头疼了好久... 终于,他还是出来了,下面就贴上主要代码和思路,因为我在搞这个东西的时候在园子里和网上没有找到适合的代码,或许我写的正好是你要找的呢也不一定啊... 1.此处是前台的代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

MVC4中EasyUI Tree异步加载JSON数据生成树

  1,首先构造tree接受的格式化数据结构MODEL /// <summary> /// 定义EasyUI树的相关数据,方便控制器生成Json数据进行传递 /// </summary> // [DataContract] [Serializable] public class EasyTreeData { /// <summary> /// ID /// </summary> //  [DataMember] public string id { get;

浅谈Android中的异步加载之ListView中图片的缓存及优化三

     隔了很久没写博客,现在必须快速脉动回来.今天我还是接着上一个多线程中的异步加载系列中的最后一个使用异步加载实现ListView中的图片缓存及其优化.具体来说这次是一个综合Demo.但是个人觉得里面还算有点价值的就是里面的图片的缓存的实现.因为老实说它确实能在实际的项目中得到很好的应用.主要学习来源于慕课网中的异步加载学习,来自徐宜生大神的灵感.本次也就是对大神所讲知识的一个总结及一些个人的感受吧. 这次是一个综合的Demo,主要里面涉及到的知识主要有:网络编程.异步加载.JSON解析.

zTree异步加载自动展开

最近在处理一个树形菜单,要做到异步加载.自动展开.可怎么搞都不行,要点击一下才能展开所有. 使用的zTree版本是v3.5.18.其实还是蛮简单的.话不多说,代码如下: /**  * 初始化菜单  */ var initTree = function(treeId) {     var settings = {             treeId: treeId,             async: {                 enable: true,               

setInterval()解决异步加载,参数传递问题

如题,在异步加载获取页面数据时,有时会调用其他组件,当在传参时有时并不是所有参数都已加载. 异步加载数据获取异常的解决方法:setInterval() setInterval()这个方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval(x(),y): x()代表你调用的方法, y是每隔多长时间调用一次x()方法 例如: setInterval(x(),1000):  每隔1秒调用一次x()方法 setInterval() 方法会不停地调用函数,直到clearInter

Android利用Volley异步加载数据(JSON和图片)完整示例

Android利用Volley异步加载数据(JSON和图片)完整示例 MainActivity.java package cc.testvolley; import org.json.JSONObject; import android.app.Activity; import android.app.ProgressDialog; import android.graphics.Bitmap; import android.os.Bundle; import android.support.v

Android异步加载学习笔记之一:用AsyncTask加载服务器json数据

我们知道在Android开发中,UI主线程不能执行耗时太久的操作,Activity一般是不超过5s,BroadCaseReceiver一般不超过10s,因为这些耗时操作不仅仅阻塞UI线程操作,还可能导致用户不想见到的ANR,所以我们需要使用异步操作. 我们通常用的异步操作有两种方式: 1:多线程或线程池异步加载, 2,AsyncTask异步任务操作(底层也是用的线程池). 数据来源于慕课网:json数据地址:http://www.imooc.com/api/techer?type=4&num=3