欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【EasyUI的treegrid组件动态加载数据问题的解决办法】,下面是详细的讲解!
EasyUI的treegrid组件动态加载数据问题的解决办法
搜遍了treegrid源码和文档发现treegrid是扩展自datagrid和tree的,不过以往利用datagrid的reload方法加参数的方式加载查询结果数据,可是treegrid却只执行reload不能加载带参数的查询结果,可能是做了限制,如下代码不能加载查询结果:
<table id='treegrid' class='easyui-treegrid' url='/User/List'></table>
$('#treegrid').treegrid('reload',{'name':'mikel'});
于是又去官方论坛搜索相关问题,发现一个有价值的帖子,茅塞顿开,为什么要指望treegrid组件来异步查询数据,为什么不先异步,然后在加载返回的json数据呢?代码如下:
function loadData()
{
$.post('/User/List',{name:'mikel'},function(data){
$('#treegrid').treegrid('loadData',data);
},'json');
}
关于EasyUI的treegrid组件动态加载数据问题的解决办法的用户互动如下:
相关问题:Easyui treegrid加载没数据。。
答:treegrid后台返回的json数据当中需要parentId来标示那个是父节点,parentId等于子节点中的一个属性的值,子节点此属性值相同的则在同一个父节点之下。先将查到的数据放入list,然后再装入Map,map.put("rows", list);转化成json格式就可以了。 >>详细
相关问题:求教一个关于EasyUI Tree加载数据的问题
答:json格式不对啊onLoadSuccess方法是easyui的事件,跟tree没关系 把下面的json从后台传到前台还不行来找我 [{ "id":1, "text":"Folder1", "iconCls":"icon-save", "children":[{ "text":"File1", "checked":true },{ "text":"Books", "state":"ope... >>详细
相关问题:easyUI 的Treegrid 加载数据时显示loading 的那个...
答:var width = $(window).width()-80; var height = $(window).height()-120; stView_layout = $('#stView_layout').layout({ width: width, height: height }); station_view = $('#stationView').window({ title: '测站导航', left:50, top:80, ... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
第一章 JavaScript (基础)
- 1JavaScript
- 2javascript-i18n-core v1.1 rele
- 3Javascript判断用户离开或关闭当
- 4子窗口传值至母窗口以及呼叫母窗
- 5IE,Chrome,Safari使用Javascript
- 6Rails内建的Ajax/JavaScript功能
- 7YUI Compressor:JavaScript与CS
- 8JAVASCRIPT Array用法详解
- 9javascript侦测DOM元素绝对位置
- 10网页中取单字方法
- 11移动鼠标改变Html表格背景颜色
- 12js(javascript)的查找性能详解
- 13JavaScript 入门指南 - 数组
- 14Javascript动态抓取元素绝对位置
- 15停止setinterval或启动setinterv
- 16JavaScript 局部变量和全局变量
- 17JavaScript 使用单引号 (quote)
- 18学javascript的心得体会
- 19【div】javascript学习笔记(二
- 20【express前端后端数据库】Expre
- 21【HTML5】纯JavaScript实现HTML5
- 22【function】JavaScript functio
- 23【forEach】javascript forEach
- 24【ExtJs】ExtJs动态生成treepane
- 25【filter】javascipt:filter过
- 26【append】JavaScript利用append
- 27【Dom】Dom在ajax技术中的作用说
- 28【attr】基于jQuery的为attr添加
- 29【HTML5】Javascript和HTML5利用
- 30【angularjs谷歌地图】在Angular
- 31【Ajax】Ajax执行顺序流程及回调
- 32【event】javascript event 事件
- 33【Chrome控制台】如何使Chrome控
- 34【event】event.X和event.client
- 35【Cookie】Cookie 小记
- 36【bootstrap】解决bootstrap中mo
- 37【hover】jQuery控制图片的hover
- 38【extend】Js-$.extend扩展方法
- 39【AngularJS】浅析AngularJS中的
- 40【Dom】Dom入门教程图解 推荐-入
- 41【cookie】Javascript操作cookie
- 42【Extjs】Extjs根据条件设置表格
- 43【arguments】JavaScript的argum
- 44【eval】JavaScript eval() 函数
- 45【extjs】extjs每个组件要设置唯
- 46【bootstrap】Bootstrap每天必学
- 47【div】div浮层 滚动条移动 位置
- 48【bootstrap3】基于bootstrap3和
- 49【ECMAScript5】ECMAScript5中的
- 50【Grid】ExtJS4 Grid改变单元格
- 51【Backbone】Backbone.js的Hello
- 52【extjs】导入extjs、jquery 文
- 53【AngularJS滚动加载】基于Angul
- 54【Documentation】jQuery EasyUI
- 55【ext】ext jquery 简单比较-jqu
- 56【Extjs】Extjs 3.3切换tab隐藏
- 57【Ajax】jQuery 学习第六课 实现
- 58【DOM】JQuery动态创建DOM、表单
- 59【Ajax】10款非常有用的 Ajax 插
- 60【DOM】IE之动态添加DOM节点触发
- 61【disabled】JQuery设置和去除di
- 62【angularJS】angularJS 中$attr
- 63【extjs】extjs tabpanel限制选
- 64【Cookie】深入分析Cookie的安全
- 65【autocomplete】jquery.autocom
- 66【ajax】ajax中get和post的说明
- 67【document】重写document.write
- 68【angularjs】angularjs在ng-rep
- 69【fixedBox】fixedBox固定div漂
- 70【history对象】js history对象
- 71【ComboBoxTree】Extjs中ComboBo
- 72【getJSON】Jquery中getJSON在as
- 73【AngularJS】对比分析AngularJS
- 74【ExtJS】ExtJS GridPanel 根据
- 75【Ajax】基于jQuery实现的Ajax
- 76【ExtJs】ExtJs 表单提交登陆实
- 77【Extjs】Extjs中ComboBox加载并
- 78【Array】js中更短的 Array 类型
- 79【Ajax】JQuery通过Ajax提交表单
- 80【DOM】DOM基础教程之使用DOM +
- 81【document】document节点对象的
- 82【ajax更新数据库】ajax异步刷新
- 83【firefox】firefox下jquery aja
- 84【Chrome】Chrome中模态对话框sh
- 85【each】$.each与$().each的区别
- 86【Array对象】JavaScript中的Arr
- 87【focus】JavaScript使用focus()
- 88【EXTJS】EXTJS内使用ACTIVEX控
- 89【Flash】借助JavaScript脚本判
- 90【AngularJs】AngularJs动态加载
- 91【Deferred】javascript Deferre
- 92【ElementTraversal】关于firefo
- 93【cocos2dx骨骼动画】cocos2dx骨
- 94【Express】NodeJS框架Express的
- 95【div】清除div下面的所有标签的
- 96【Extjs4】Extjs4 类的定义和扩
- 97【ECMAScript】JavaScript高级程
- 98【angularjs_ui_router】Angular
- 99【getJSON】Jquery $.getJSON 在
- 100【dom】一个js拖拽的效果类和dom
- 101【autocomplete】jQuery.autocom
- 102【delete】Javascript学习笔记 d
- 103【AngularJS】举例讲解AngularJS
- 104【CSS伪元素】Javascript获取CSS
- 105【document】document.addEventL
- 106【Date】关于js new Date() 出现
- 107【html5_jquery】实现音乐播放器
- 108【cookie】cookie.js 加载顺序问
- 109【CustomValidator】ASP.NET jQu
- 110【drag_and_drop】drag-and-drop
- 111【Chrome浏览器】关闭浏览器输入
- 112【designMode】设置iframe的docu
- 113【checkbox】javascript获取chec
- 114【Get中文乱码】Get中文乱码IE浏
- 115【AngularJS表单验证】AngularJS
- 116【ajax】js获取通过ajax返回的ma
- 117【ajax】js获取ajax返回值代码-
- 118【ExtJs】ExtJs使用总结(非常详
- 119【css样式对照表】js控制CSS样式
- 120【getBoundingClientRect】js ge
- 121【datagrid】jQuery easyui data
- 122【Eval】Eval and new funciton
- 123【getAll】jQuery 1.7.2中getAll
- 124【for】Javascript技巧之不要用f
- 125【bootstrap前端框架】Bootstrap
- 126【flexigrid】IE10中flexigrid无
- 127【console】用console.table()调
- 128【finkyUI】基于jquery的finkyUI
- 129【AJAX】js调用AJAX时Get和post
- 130【height】jQuery中的height inn
- 131【enter键】表单的焦点顺序tabin
- 132【bootstrap】Bootstrap每天必学
- 133【alert弹出窗口】关于js中alert
- 134【frame】js操纵跨frame的三级联
- 135【angularjs_route】AngularJs中
- 136【DOM】DOM节点删除函数removeCh
- 137【3D】一个很有趣3D球状标签云兼
- 138【Document】Document对象内容集
- 139【addClass】javascript自定义的
- 140【ajax】如何用ajax来创建一个XM
- 141【dom】javascript dom 基本操作
- 142【extjs】extjs 如何给column 加
- 143【fn】开发插件的两个方法jquery
- 144【dom元素】使用js dom和jquery
- 145【Bootstrap】值得分享的Bootstr
- 146【DOM】javascript针对DOM的应用
- 147【getAsDataURL】getAsDataURL在
- 148【AJAX】AJAX跨域请求json数据的
- 149【httpclient】httpclient模拟登
- 150【Eclipse】Eclipse去除js(JavaS
- 151【angularjs中过滤器】详解Angul
- 152【a标签】jquery 为a标签绑定cli
- 153【for】采用自执行的匿名函数解
- 154【Angularjs】Angularjs制作简单
- 155【flash】关于flash遮盖div浮动
- 156【cookie】不要在cookie中使用特
- 157【FF】FF(火狐)浏览器无法执行
- 158【express模板引擎】在 Express
- 159【checkbox】基于jquery的checkb
- 160【eclipse】eclipse导入jquery包
- 161【file控件】js如何获取file控件
- 162【AngularJS】简介可以自动完成U
- 163【Bootstrap】Bootstrap树形组件
- 164【dtree】动态加载dtree.js树tre
- 165【ExtJS】ExtJS PropertyGrid中
- 166【boxy】jquery.boxy弹出框(后隔
- 167【Extjs】常用Extjs工具:Extjs.
- 168【AngularJS】简介AngularJS的HT
- 169【click事件】JQuery 给元素绑定
- 170【Dojo】Dojo 学习要点-学习要点
- 171【ASP】在ASP.NET中使用JavaScri
- 172【ajax】ajax 缓存 问题 request
- 173【formatDate】fmt:formatDate
- 174【document】javascript documen
- 175【bootstrap_glyphicons字体图标
- 176【from表单提交】from 表单提交
- 177【attachEvent】多种方法实现JS
- 178【event】关于javascript event
- 179【bootstrap】全面解析Bootstrap
- 180【Form】Chrome Form多次提交表
- 181【ECMAScript6】ECMAScript6中Se
- 182【AngularJS】使用AngularJS创建
- 183【Event】JavaScript Event学习
- 184【a标签】a标签的href和onclick
- 185【fadeTo】jQuery fadeTo方法调
- 186【append】append和appendTo的区
- 187【delegate】jQuery:delegate中
- 188【EasyUI】jQuery EasyUI 的Easy
- 189【event事件】JavaScript加强之
- 190【AngularJS】AngularJS学习笔记
- 191【DOM】JS构建页面的DOM节点结构
- 192【button】基于jquery的button默
- 193【bind】JQuery入门——用bind方
- 194【flash】JavaScript 类似flash
- 195【3D幻灯片轮播特效代码】js实现
- 196【function】javascript中万恶的
- 197【class】javascript通过class来
- 198【Extjs】为Extjs加加速(javascr
- 199【checkbox】让checkbox不选中即
- 200【dom】javascript dom追加内容
- 201【Event】jquery下为Event handl
- 202【ColumnChart】extjs ColumnCha
- 203【ExtJS4】ExtJS4 动态生成的gri
- 204【asm】asm.js使用示例代码-js-j
- 205【extjs】extjs关于treePanel+ch
- 206【Ajax】基于Jquery+Ajax+Json实
- 207【event】javaScript window.eve
- 208【ext】ext combox 下拉框不出现
- 209【bootstrap】Bootstrap每天必学
- 210【Extjs4】Extjs4 GridPanel的主
- 211【360浏览器】多种方法实现360浏
- 212【cloneNode】IE下使用cloneNode
- 213【Function】JS特殊函数(Functio
- 214【angularjs_http】详解AngularJ
- 215【hasOwnProperty】浅析hasOwnPr
- 216【angularJS】angularJS 中input
- 217【firefox】firefox浏览器不支持
- 218【checkbox】checkbox选中与未选
- 219【CKFinder】单独使用CKFinder选
- 220【fullcalendar插件】FullCalend
- 221【from表单】from表单多个按钮提
- 222【Extjs】Extjs学习过程中新手容
- 223【ajax】简单的前端js+ajax 购物
- 224【flash】js怎么判断flash swf文
- 225【Event】JavaScript Event学习
- 226【file】jquery.fileEveryWhere.
- 227【ajax】jQuery中$.ajax()和$.ge
- 228【bootstrap】bootstrap table
- 229【Dialog】js Dialog 实践分享
- 230【ajax】浅析ajax请求json数据并
- 231【DLL】DLL+ ActiveX控件+WEB页
- 232【dom】javascript获取dom的下一
- 233【document】js 中 document.cre
- 234【cocos2dx骨骼动画】cocos2dx骨
- 235【heroku】教你在heroku云平台上
- 236【div层】js点击弹出div层实现可
- 237【animate】jquery animate图片
- 238【angularjs_directive】Angualr
- 239【Easy】Easy.Ajax 部分源代码
- 240【ExtJS】ExtJS Store的数据访问
- 241【ajax】jquery ajax return没有
- 242【Extjs】Extjs EditorGridPanel
- 243【AngularJS】简介AngularJS中使
- 244【High】High Performance JavaS
- 245【addEvent】最佳的addEvent事件
- 246【clearInterval】js clearInter
- 247【Dialog】jQuery Dialog 弹出层
- 248【Ajax】File FileReader 和 Aj
- 249【DWR】DWR实现模拟Google搜索效
- 250【addEventListener】addEventLi
- 251【document】没有document.getEl
- 252【Dreamweaver】汉化英文版的Dre
- 253【AngularJS】AngularJS实现Mode
- 254【HTML5】HTML5使用DeviceOrient
- 255【css】jQuery获取css z-index在
- 256【HTML】jQuery设置和获取HTML、
- 257【angularJS】angularJS 中$scop
- 258【file模式】file模式访问网页时
- 259【Backstretch】jQuery背景插件b
- 260【documentElement】document.do
- 261【BOM】解析DHTML JavaScript DO
- 262【EasyUI】jquery EasyUI的forma
- 263【AngularJS】AngularJS单选框及
- 264【hashchangebroker】关于hashch
- 265【ajax】跨域请求之jQuery的ajax
- 266【extJS】extJS中常用的4种Ajax
- 267【Ajax】JQuery与Ajax调用新浪AP
- 268【ExtJs】ExtJs扩展之GroupPrope
- 269【formStorage】formStorage 基
- 270【Google】据说是Google首页的网
- 271【avalon_js】avalon js实现仿go
- 272【getScript】jQuery.getScript
- 273【contentWindow】深入解析conte
- 274【event】jquery利用event.which
- 275【angular】angular中使用路由和
- 276【event对像】整理的比较全的eve
- 277【deeplink】用于deeplink的js方
- 278【fadeIn】jQuery动画效果-fadeI
- 279【cookies】JS读取cookies信息(
- 280【Extjs】解决Extjs上传图片无法
- 281【CDN】使用CDN和AJAX加速WordPr
- 282【Event】JavaScript Event学习
- 283【ajax分页】用jQuery中的ajax分
- 284【function】jQuery中(function(
- 285【Flash】Flash图片上传组件 swf
- 286【AngularJS】使用AngularJS 应
- 287【HTML格式】将HTML格式的String
- 288【html】html文本框提示效果的示
- 289【angularjs性能调优】AngularJS
- 290【div随意拖动】jQuery实现div随
- 291【eclipse_jsp编辑卡死】Eclipse
- 292【flash】判断是否安装flash pla
- 293【ExtJs】ExtJs中简单的登录界面
- 294【ExtJS】ExtJS 学习专题(一)
- 295【FileUpload】FileUpload上传图
- 296【html】javascript学习笔记(一)
- 297【Extjs4】Extjs4实现两个GridPa
- 298【bootstrap】Bootstrap每天必学
- 299【Extjs】Extjs改变树节点的勾选
- 300【cookie插件】jquery插件如何使
- 301【extjs】jquery 插件开发 extjs
- 302【Extjs】Extjs4.0设置Ext.data.
- 303【angularjs_sce】AngularJS 使
- 304【freemarker判断不为空】freema
- 305【10进制】javascript 10进制和6
- 306【flash】基于Jquery的仿照flash
- 307【angularjs】angularjs中的单元
- 308【Event_altKey】Event altKey c
- 309【checkbox】JS小功能(checkbox
- 310【event】JavaScript 键盘event.
- 311【for】Javascript中的for in循
- 312【createAdder】javascript crea
- 313【extend】jQuery.extend 函数详
- 314【ajaxfileupload】使用ajaxfile
- 315【document】document.getElemen
- 316【ExtJS4】ExtJS4 组件化编程,动
- 317【Chrome】使用Chrome调试JavaSc
- 318【HTTP_REFERER】完美兼容各大浏
- 319【data】jQuery $.data()方法使
- 320【Flex】Flex通过JS获取客户端IP
- 321【AngularJS】深入讲解AngularJS
- 322【Dom元素】JQuery为页面Dom元素
- 323【html】html文档中的location对
- 324【camanjs】使用CamanJS在Web页
- 325【Form表单】对于Form表单reset
- 326【formvalidator】formvalidator
- 327【Extjs】Extjs表单常见验证小结
- 328【Bootstrap】Bootstrap轮播加上
- 329【flv视频播放器】js的flv视频播
- 330【AngularJS】AngularJS内置指令
- 331【DOM】javascript针对DOM的应用
- 332【encodeURI】javascript中encod
- 333【AJAX】Jquery AJAX POST与GET
- 334javascript 闭包详解_javascript
- 335【angularjs_http用法】简介Angu
- 336【ajax清除浏览器缓存】Ajax清除
- 337【children】解析dom中的childre
- 338【checkboxlist】在js中判断chec
- 339【FlexiGrid】使用FlexiGrid实现
- 340【angularjs_controller】Angula
- 341【ajax上传】ajax上传时参数提交
- 342【ExtJS4】ExtJS4中的requires使
- 343【AngularJS】详解AngularJS中的
- 344【ECMAScript】ECMAScript中函数
- 345【childNodes】IE与FireFox中的c
- 346【div距离窗口距离】jquery获取d
- 347【alert样式】js的alert样式如何
- 348【grunt通配符】配置Grunt的Task
- 349【DOM】javascript 学习笔记(一
- 350【cloneNode】JavaScript 用clon
- 351【Ajax】Ajax异步提交表单数据的
- 352【ExtJS】ExtJS下 Ext.Direct加
- 353【combobox】jquery.combobox中
- 354【ExtJS】ExtJS 入门-入门
- 355【10条建议】10条建议帮助你创建
- 356【DOM元素】让浏览器DOM元素最后
- 357【document】js禁止document ele
- 358【AJAX】AJAX异步从优酷专辑中采
- 359【dom节点】jQuery移动和复制dom
- 360【BASE64】JS 实现BASE64_ENCODE
- 361【Dom】Dom 是什么的详细说明
- 362【DropDownlist】基于Jquery的将
- 363【Egret引擎】Egret引擎开发指南
- 364【Bootstrap】Bootstrap树形控件
- 365【div】javascript实现div的显示
- 366【bind】js bind 函数 使用闭包
- 367【html元素】原生的html元素选择
- 368【Action】从js向Action传中文参
- 369【Event】JavaScript Event学习
- 370【AngularJS】AngularJS向后端AS
- 371【Extjs】Extjs grid panel自带
- 372【cookie】什么是cookie?js手动
- 373【callee】javascript中callee与
- 374【AngularJS】AngularJS基础学习
- 375【html5】非html5实现js版弹球游
- 376【asp基础教程】asp知识整理笔记
- 377【Express框架】NodeJS Express
- 378【canvas】基于canvas实现的绚丽
- 379【Cookie】JS 新增Cookie 取cook
- 380【ExtJS】ExtJS 2.0 GridPanel基
- 381【EXTjs】EXTjs4.0的store的find
- 382【angularjs_http拦截】浅析Angu
- 383【action传值】通过action传过来
- 384【form】Extjs 4.x 得到form Che
- 385【Array】Array 重排序方法和操
- 386【document】详解Document.Cooki
- 387【checkbox】js限制checkbox选中
- 388【div】通过js获取div的backgrou
- 389【android资源】Android中资源文
- 390【easyui】jquery easyui中treeg
- 391【firefox】Javascript在IE和Fir
- 392【clearAttributes】仅IE支持cle
- 393【event】IE event.srcElement和
- 394【AngularJS】分享使用AngularJS
- 395【height】js获取height和width
- 396【ComboBox】ComboBox 和 DateFi
- 397【Google】Google官方支持的Node
- 398【asp】用js脚本控制asp.net下tr
- 399【HTML】在HTML中插入JavaScript
- 400【Exp】JS数学函数Exp使用说明
- 401【Chrome】Chrome下ifame父窗口
- 402【GetAllChild】JS.GetAllChild(
- 403【Bootstrap】Bootstrap导航栏各
- 404【getYear】Javascript的getYear
- 405【css3】7款风格新颖的jQuery/C
- 406【Gridview】Js 获取Gridview选
- 407【ExtJS】ExtJS的拖拽效果示例-
- 408【datatable】多个datatable共存
- 409【for循环】JS 使用for循环遍历
- 410【checkbox】checkbox使用示例
- 411【EasyUI】EasyUI的treegrid组件
- 412【ajax缓存】禁止ajax缓存获取程
第二章 JavaScript(高级)
- 1JS数组的操作[菜鸟编程日记]
- 2用regexp的lookahead寻找符合pat
- 3使用javascript做立体字效果