官方提供的treegrid的ex 我给大家贴出来看看吧:
复制代码 代码如下:
$(function(){
$('#tt').treegrid({
url:'treegrid_data3.json',
onAfterEdit:function(row,changes){
alert(row.name);
}
});
})
这个是页面初始化的。
看看他的JSON:
复制代码 代码如下:
{"total":117,"rows":[
<SPAN style="COLOR: #ff0000">{"id":1,"code":"code1","name":"name1","addr":"address1","state":"closed"},</SPAN>
{"id":11,"code":"code11","name":"name11","addr":"address11","<SPAN style="COLOR: #ff0000">_parentId":1</SPAN>},
{"id":12,"code":"code12","name":"name12","addr":"address12","<SPAN style="COLOR: #ff0000">_parentId":1</SPAN>},
{"id":21,"code":"code21","name":"name21","addr":"address21","_parentId":1},
{"id":22,"code":"code22","name":"name22","addr":"address22","_parentId":1},
{"id":31,"code":"code31","name":"name31","addr":"address31","_parentId":1},
{"id":32,"code":"code32","name":"name32","addr":"address32","_parentId":1},
{"id":41,"code":"code41","name":"name41","addr":"address41","_parentId":1},
{"id":42,"code":"code42","name":"name42","addr":"address42","_parentId":1},
{"id":51,"code":"code51","name":"name51","addr":"address51","_parentId":1},
{"id":52,"code":"code52","name":"name52","addr":"address52","_parentId":1},
{"id":61,"code":"code61","name":"name61","addr":"address61","_parentId":1},
{"id":62,"code":"code62","name":"name62","addr":"address62","_parentId":1},
{"id":71,"code":"code71","name":"name71","addr":"address71","_parentId":1},
{"id":72,"code":"code72","name":"name72","addr":"address72","_parentId":1},
{"id":81,"code":"code81","name":"name81","addr":"address81","_parentId":1},
{"id":82,"code":"code82","name":"name82","addr":"address82","_parentId":1},
{"id":91,"code":"code91","name":"name91","addr":"address91","_parentId":1},
{"id":92,"code":"code92","name":"name92","addr":"address92","_parentId":1},
{"id":110,"code":"code110","name":"name110","addr":"address110","_parentId":1},
{"id":120,"code":"code120","name":"name120","addr":"address120","_parentId":1}
]}
标红的地方是特别有用的,我按照他的这个做法,自己做了一个,始终是没有数据的,后来发现了一个问题,
复制代码 代码如下:
{"total":29,"rows":[
{"Id":25,"Ids":25,"name":"直辖市","state":"closed",<SPAN style="COLOR: #ff0000">"_parentId":2</SPAN>,"orderId":2},
{"Id":44,"Ids":44,"name":"黑龙江","state":"closed","_parentId":2,"orderId":110},
{"Id":45,"Ids":45,"name":"吉林","state":"closed","_parentId":2,"orderId":1},
{"Id":46,"Ids":46,"name":"辽宁","state":"closed","_parentId":2,"orderId":3},
{"Id":47,"Ids":47,"name":"河北","state":"closed","_parentId":2,"orderId":4},
{"Id":48,"Ids":48,"name":"内蒙古","state":"closed","_parentId":2,"orderId":111},
{"Id":49,"Ids":49,"name":"山西","state":"closed","_parentId":2,"orderId":6},
{"Id":50,"Ids":50,"name":"江西","state":"closed","_parentId":2,"orderId":11},
{"Id":51,"Ids":51,"name":"山东","state":"closed","_parentId":2,"orderId":12},
{"Id":52,"Ids":52,"name":"台湾","state":"closed","_parentId":2,"orderId":13},
{"Id":53,"Ids":53,"name":"甘肃","state":"closed","_parentId":2,"orderId":15},
{"Id":54,"Ids":54,"name":"宁夏","state":"closed","_parentId":2,"orderId":16},
{"Id":55,"Ids":55,"name":"青海","state":"closed","_parentId":2,"orderId":17},
{"Id":56,"Ids":56,"name":"新疆","state":"closed","_parentId":2,"orderId":18},
{"Id":57,"Ids":57,"name":"云南","state":"closed","_parentId":2,"orderId":19}]}
上面这个数据 没有一个根节点,所以页面出来什么都没有。。。。。我的数据只有parentId这个玩意,所以页面一片空白。
这个问题修正了,但是又出现新的问题了。开始我的处理方式是直接把所有数据load进来,点击节点展开是没有问题的。但是所有数据一起装载,不光耗性能不说,还特别慢。
所以想到异步加载。又到官方上去看了半天,官方提供了一大堆事件,什么展开触发哦之类的,没有一个说到点上的。
我用火狐监听每次数据都加载了的,而且有返回正确的JSON
复制代码 代码如下:
{"total":29,"rows":[
{"Id":25,"Ids":25,"name":"直辖市","state":"closed",<SPAN style="COLOR: #ff0000">"_parentId":2</SPAN>,"orderId":2},
{"Id":44,"Ids":44,"name":"黑龙江","state":"closed","_parentId":2,"orderId":110},
。。。。<BR>经过我反复的对比tree和这个treegrid。最后发现treegrid 在请求过来的数据上有个total和rows ,而tree没有。
难道是这个total和rows在作怪,我赶紧把这个删掉了,果然数据出来了
大家可以百度一下,各种说法都有。
最后一个小结: easyui treegrid使用时需注意:
1、必须要有根节点;
2、父节点装载的数据格式和子节点装载的数据格式 是不一样的。
父节点需要total和rows 而子节点装载的时候和tree的数据格式相同。 目前只弄了个两级的,多级的还没有去试。留篇文章,以备后用。
也热烈欢迎大家指正。
相关推荐:
ChatGPT与讯飞:AI语音与智能对话的完美融合,ai直角变圆角
seo网络上什么意思,seo表示什么 ,如何避免今日头条ai写作检测
SEO详解:如何优化你的网站提升排名,获得更多流量,伊春湖南网站优化推广
【SEO优化全攻略】提升网站流量的终极秘籍,带你轻松玩转搜索引擎优化!,金融网站推广维护
ChatGPT全球宕机:人工智能的崩塌与未来的挑战,中国ai和美国ai教父
专业SEO助力企业在激烈市场竞争中脱颖而出,嘉兴海外网站推广价格
SEO前的准备工作:如何让网站为搜索引擎优化做好充分准备,SEO_网站排名优化_网络推广
什么是seo概念,什么是seo,sem ,ai音标谐音
ChatGPT不能用?揭秘你可能忽视的真相和解决方法,强国ai2022
seo站长什么意思,站长工具 - seo综合查询 ,ai少女身材
《命运交错的轨迹:小说背后的无尽魅力》,seo优化huifachina
高效创作新时代AI文案速写工具,让创作更轻松
文章AI思维导图自动生成助力创作的智慧之源
SEO优化:如何让网站更具有吸引力,散文ai写作咒语是什么
ChatGPT无法加载?检查您的网络设置并尝试重启ChatGPT,解决您的使用困扰!,ai光晕制作
SEO提高:如何通过精准优化让网站流量翻倍,优化排名seo加盟费用
ChatGPT翻译打不开?解决方法!,ai爱股票
SEO手段:提升网站流量的制胜法宝,idc网站怎么推广
SEO与网络推广机构:如何选择最适合你的数字营销合作伙伴,ai写作软件性价比高吗
ChatGPT:OpenAI的创新之作-一款颠覆传统的语言模型,ai球衣号
一秒采集:提升效率、创造价值的秘密武器,苏州网站整站优化
ChatGPT无法加载?检查您的网络设置并尝试重启,轻松解决连接问题!,ai制作艺术字
360优化关键词-提升网站流量与排名的秘密武器,美拍ai
目前AI软件有哪些?智能新时代的必备工具
SEO策划:让你的网站迅速脱颖而出的秘诀,seo优化和技巧
SEO差价如何用SEO优化帮助企业实现成本与效益的完美平衡,盐城seo收费贵吗
SEO优化关键词品牌:如何通过精准的关键词提升品牌价值,ai免费智能写作论文
WP原创:打造属于你的独特网站,从这里开始!,一个网站推广一个月需要多少钱
文字生成AI开启创作的新纪元
SEO运营是什么职业,seo运营工程师招聘 ,把ai图层改横幅
SEO专业怎么样?未来发展的无限潜力与职业前景,联通ai智能早教
AI.生成重新定义创造力的新纪元
SEO总计:如何通过SEO优化实现网站流量和排名的飞跃,三元桥网站优化
SEO观察:2025年搜索引擎优化的新趋势与机遇,seo2是什么状态
seo点击工具,seo排名点击软件推荐 ,ai狂躁
《收录情况:数字时代的网络信息检索与价值体现》,山东全域营销推广软件客服电话
为什么行业都要做seo,为什么要做seo ,ai明信片
SEO在广告领域的深度解析:如何利用SEO提升广告效果,网文写作ai工具
ChatGPTWindows版本:让AI助手成为你的工作与生活得力助手,Ai相减变形
SEO做好,企业网站流量翻倍的关键,seo白帽技术有哪些
SEO元素-提升网站排名的核心要素,推广分成网站有哪些
AI免费生成:开启智能创作新纪元,助力你的创意无限可能
从“官网扒下来”看企业数字化转型的未来,摄影营销策略推广文案
ChatGPT崩溃!用户反馈网页端无法访问,修复急需,ai院子
ChatGPTO1免费:突破智能聊天的极限,体验AI无限可能,糯米ai唱歌
优化页面-提升用户体验与搜索引擎排名的关键,绍兴视频营销推广
ChatGPT回答问题,网页无法线下滚动?解决方案轻松get!,谷歌AI铃声
“关键词指白”:揭秘如何通过精准关键词优化实现流量暴增,全面分析网站seo
seo需要什么能力,seo需要哪些技术 ,ai长条弯曲
什么是seo的豆子,何为seo ,ai圆复制