创建后如何更改 YUI 数据网格上的数据源

Question

我正在使用 Yahoo DataTable ，其 API 是 此处。

一旦我渲染了网格一次，我就很难更改数据。 我正在使用 jQuery 通过 AJAX 获取数据，或者从客户端数据岛获取数据，并且需要将其放回网格中。

DataTable API 中没有 setDataSource 方法，并且更改“dataSource.liveData”不会更新网格。

 // does not work
 dataTable.dataSource.liveData = [ {name:"cat"}, {name:"dog"}, {name:"mouse"};

我的代码所基于的示例是基本 LocalDataSource 示例。

如何更新数据源而不必完全重新创建表。 我不想使用进行异步调用的 YUI 数据源。 我需要知道如何“手动”执行此操作。

Answer 1

您走在正确的轨道上，您只是忘记告诉数据源将数据发送到数据表。 假设您使用的是 LocalDataSource 并希望用数据源中的数据替换表中的数据，替换 livedata 后您只需执行

dataTable.getDataSource().sendRequest(null,
  {success: dataTable.onDataReturnInitializeTable},
  dataTable);

另请参阅 onDataReturnXXX 方法API 参考中的 code>DataTable。 您可以附加新数据而不是替换等。

Answer 2

我只是想补充一点，如果在参数属性中传递对 getState() 的调用，则可以保留分页。

dataTable.getDataSource().sendRequest(null,
    {
        success: dataTable.onDataReturnInitializeTable,
        argument: dataTable.getState()       
    }
);

Answer 3

如何更新数据源而无需完全重新创建表？

您的意思是不使用“新”声明吗？ 如果是这样，我自己就不必这样做，但我经常使用 YUI。 我注意到有一个deleteRows方法，您可以使用它来删除所有行，从0到表的长度，然后使用addRows，它接受像您这样的文字数组和索引0，在本例中。

你试过这个吗？

编辑：看看这个示例。 你想做的事情绝对可以做到。 该表正在使用 setInterval 方法以设定的时间间隔在本地更新（这并不奇怪）。 看一下 setInterval 的作用，您可以看到它在数据源的实例上调用 makeConnection。 该方法听起来像是在进行远程调用，但其实不然。

让我们看一下示例中的几行。

    // Set up polling
    var myCallback = {
        success: myDataTable.onDataReturnInitializeTable,
        failure: function() {
            YAHOO.log("Polling failure", "error");
        },
        scope: myDataTable
    }
    myDataSource.setInterval(5000, null, myCallback)

最后一行可以被调用一次（或者根据需要按需调用），而不是像这样重写它以一定的间隔调用

myDataSource.makeConnection(null, myCallBack)

： widget.DataTable.html#method_onDataReturnInitializeTable" rel="nofollow noreferrer">onDataReturnInitializeTable 方法 - 我想你可以直接调用它，这会更有意义。

不管怎样，只要按照示例操作，去掉不需要的部分即可。 最终看来 onDataReturnInitializeTable 方法是关键。

希望有帮助。

Answer 4

实际上，为了让它工作，我所做的就是以下两行代码（我的代码是从ajax返回的，所以与OP有点不同）......

dataTable.dataSource.liveData = eval(o.responseText);
dataTable.load({});

因为如果你读什么 datatable.load() 所做的是每个人都建议调用的内容。