我有一个DataTable
,它是从远程JSON DataSource
填充的:
var dataSource = new Y.DataSource.Get({ source: url });
dataSource.plug(Y.Plugin.DataSourceJSONSchema, {
schema: {
resultListLocator: "results",
resultFields: [ "field1", "field2" ]
}
});
var table = new Y.DataTable({ columns = ["col1", "col2"] }
table.plug(Y.Plugin.DataTableDataSource, { datasource: dataSource });
table.render("#table");
table.datasource.load({ request: query });
我试图让表中的数据定期刷新。 A forum poster recommended calling load periodically,我已经尝试了,它可以正常工作(数据刷新而不显示正在加载...消息)。
Y.later(1000/*ms*/, table.datasource, table.datasource.load, { request: query }, true);
但是,我注意到Chrome中存在内存泄漏。表格单元格似乎不会从内存中删除。 Chrome浏览器的堆分析器报告了HTMLTableCellElement
中的大量Detached DOM tree
个对象。
这是刷新数据的最佳方法吗?如果是这样,有没有办法清除旧的表格单元格?
替代
还有datatable-polling
module可以定期提取数据。我不能说任何关于如何与YUI3 DataTable
一起使用的例子。但是,examples from YUI2表示您可以执行以下操作,这似乎有效:
dataSource.setInterval(1000,
{
request: query,
callback:
{
success: function(e) { table.onDataReturnInitializeTable },
failure: function() { Y.log("Polling failure", "error"); }
}
});
但是,看起来这只是load
is doing under the hood anyway:
load: function(config) {
config = config || {};
config.request = config.request || this.get("initialRequest");
config.callback = config.callback || {
success: Y.bind(this.onDataReturnInitializeTable, this),
failure: Y.bind(this.onDataReturnInitializeTable, this),
argument: this.get("host").get("state") //TODO
};
var ds = (config.datasource || this.get("datasource"));
if(ds) {
ds.sendRequest(config);
}
},
答案 0 :(得分:0)
datasource-polling
无法帮助您,因为Plugin.DataTableDataSource
不会使DataTable监听DataSource中的所有更改。使用Plugin.DataTableDataSource
进行轮询的最简单方法是自己设置间隔:
var datasource = new Y.DataSource.IO(...);
var table = new Y.DataTable(...);
table.plug(Y.Plugin.DataTableDataSource, {
datasource: datasource
});
// call load() every second
var timer = Y.later(1000, table.datasource, 'load', {
request: foo
}, true);
// later on, stop polling
timer.cancel();
你提到的内存泄漏是可能的。 DataTable正在进行中,它将更好地管理内存。但是,如果你有一个可重复的案例和全面的测量,你肯定应该在YUI的GitHub存储库open an issue。