2

この例を使用して、Fuel UX データ グリッドにデータをインポートしています: http://dailyjs.com/2012/10/29/fuel-ux/ (明らかに、Flickr の代わりに独自の API を使用しています)

コード例では、検索時にデータが更新されていることがわかります。

data: function (options, callback) {

    var url = 'http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=d6d798f51bbd5ec0a1f9e9f1e62c43ab&format=json';
    var self = this;

    if (options.search) {

        // Search active.  Add URL parameters for Flickr API.
        url += '&tags=' + options.search;
        url += '&per_page=' + options.pageSize;
        url += '&page=' + (options.pageIndex + 1);

        $.ajax(url, {

            // Set JSONP options for Flickr API
            dataType: 'jsonp',
            jsonpCallback: 'jsonFlickrApi',
            jsonp: false,
            type: 'GET'

        }).done(function (response) {

            // Prepare data to return to Datagrid
            var data = response.photos.photo;
            var count = response.photos.total;
            var startIndex = (response.photos.page - 1) * response.photos.perpage;
            var endIndex = startIndex + response.photos.perpage;
            var end = (endIndex > count) ? count : endIndex;
            var pages = response.photos.pages;
            var page = response.photos.page;
            var start = startIndex + 1;

            // Allow client code to format the data
            if (self._formatter) self._formatter(data);

            // Return data to Datagrid
            callback({ data: data, start: start, end: end, count: count, pages: pages, page: page });

        });

    } else {

        // No search. Return zero results to Datagrid
        callback({ data: [], start: 0, end: 0, count: 0, pages: 0, page: 0 });

    }

ただし、ある種の更新ボタンを使用してデータを再読み込みしたいと思います。そのようなリクエストをどのように渡すのでしょうか?

4

1 に答える 1

4

次のように、いつでもデータグリッドにデータをリロードさせることができます (データソースに連絡してそうする)。

$('#MyGrid').datagrid('reload');
于 2013-05-29T11:27:45.820 に答える