我正在使用Sencha ExtJs网格4.2.我正在为我的网格使用Expander插件,并尝试从Ajax扩展区域下加载数据.现在我正在使用此代码显示有关扩展的数据.
plugins: [{
ptype: 'rowexpander',rowBodyTpl : new Ext.XTemplate(
'<br><img height="31" width="32" src="../upload/patient/thumb/{patient_image}">',' <p><b>{fname},{lname}</b></p>','<br> {accordian_view}'
)
}],
在这里,您可以看到数据已预先填充,但我的要求是在扩展时加载数据.我正在努力寻找这样做的事件或过程.但仍然没有运气.如果有任何想法请分享.
提前致谢
解决方法
您可以在RowExpander插件上查看expandbody事件：
http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.plugin.RowExpander-event-expandbody
此事件不仅会传递行的绑定记录,还会传递展开的元素,因此您可以：
>通过Ext.Ajax.request({…})请求数据
>处理响应
>将内容添加到展开的行
然而,要记住的一件事是这种方法的异步性质.也就是说,无论后续请求返回多长时间,该行都将立即展开.因此,在处理expandbody事件时,做这样的事情可能是个好主意：
>在展开的行区域中添加“加载”文本/图标/任何内容
>提出Ajax请求
>处理响应
>使用从Ajax请求返回的数据替换加载文本/图标/任何内容
可能有人已经这样做了,但你也可以(我强烈建议)将这个过程包装成你自己的自定义插件,扩展RowPlugin.这样你就可以在app的其他地方使用它来处理任何网格.如果您最终创建自定义插件,请与社区分享！
编辑：一个快速的谷歌揭示了一些正是这样的自定义插件.例如：https://github.com/nickbretz/Ext.ux.AsyncRowExpander/blob/master/AsyncRowExpander.js
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
