YUI3 datatable排序时报错

本文讨论了在Datatable使用远程数据源时遇到排序功能无法正常工作的问题,并提供了有效的解决方案,通过调整代码实现排序功能。重点在于将排序设置放入特定函数中,并确保在加载数据之后正确初始化排序。

当datatable使用本地数据源时,经过设置后,点表格头就可以按照该列排序整个表格内容。但当,数据源是远程获取时,同样设置后,点表格头报错:L.get("recordset").sort is undefined。

经查阅资料,可用如下代码解决。

table.plug(Y.Plugin.DataTableDataSource, { datasource: myDataSource }) .render("#place-list"); table.datasource.onDataReturnInitializeTable = function (e) { this.get("host").set("recordset", new Y.Recordset({records: e.response.results})); this.get("host").plug(Y.Plugin.DataTableSort, { lastSortedBy: { field: "name", dir: "asc" } }); } table.datasource.load({request:"?a=1"});

上段代码较出错前,将排序的设置放在了table.datasource.onDataReturnInitializeTable那一段代码里,并且在这段代码里添加了recordset的设置。

另外,值得注意的是,load方法一定要写在table.datasource.onDataReturnInitializeTable的后面。否则还是会出同样的错。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值