Question

我是YUI3的新手;我试图每10秒轮询一次数据源来刷新数据表。但是，根据下面的代码，它表示“无数据显示”......对于大量代码感到抱歉...

YUI().use("datatable", "datasource-get", "datasource-jsonschema", "datatable-datasource", "datasource-polling", "datasource-function", function (Y) {

var url = "http://query.yahooapis.com/v1/public/yql?format=json" +
              "&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys",
    query = "&q=" + encodeURIComponent(
            'select * from local.search ' +
            'where zip = "94089" and query = "pizza"'),
    dataSource,
    table;

dataSource = new Y.DataSource.Get({ source: url });

dataSource.plug(Y.Plugin.DataSourceJSONSchema, {
    schema: {
        resultListLocator: "query.results.Result",
        resultFields: [
            "Title",
            "Phone",
            {
                key: "Rating",
                locator: "Rating.AverageRating",
                parser: function (val) {
                    // YQL is returning "NaN" for unrated restaurants
                    return isNaN(val) ? -1 : +val;
                }
            }
        ]
    }
});

intervalId = dataSource.setInterval(10000, {
    request : query,
    callback: {
        success: function (e) {
            table.datasource.load(e.response);
        },
        failure: function (e) {

        }
    }
});

table = new Y.DataTable({
    columns: [
        "Title",
        "Phone",
        {
            key: "Rating",
            formatter: function (o) {
                if (o.value === -1) {
                    o.value = '(none)';
                }
            }
        }
    ],
    summary: "Pizza places near 98089",
    caption: "Table with JSON data from YQL"
});

table.plug(Y.Plugin.DataTableDataSource, { datasource: dataSource });

// This line works (but it doesnt poll)
//table.datasource.load({ request: query });

table.render("#pizza");
});

我不确定的是......

success: function (e) {
            table.datasource.load(e.response);
        },

Answer 1

以下内容应符合您的需求：http://developer.yahoo.com/yui/examples/datatable/dt_polling.html

YUI3 - DataTable数据源轮询

1 个答案: