2

「単純なデータ グリッド」を使用して、複数の一意の (テーブル) グリッドを 1 つのページに表示しようとしています。以下のコードでは、var data = ExampleData.fruits の代わりに以下の関数に一意のデータを渡す方法がわかりません。これまでに、一意のデータを持つ 2 番目のテーブルを追加しようとするたびに、すべてのデータが壊れてしまいました。(クリック時の強調表示、ページネーションなど、既存のすべての機能の並べ替えが必要です)。

単一のグリッドとサンプル データで動作するこのjsfiddleを作成しました。操作しようとしていた 2 番目のデータ セットのコードを少しコメントアウトしました。

ExampleData = {};
ExampleData.handleMockjaxResponse = function(settings) {
var uri = new Uri(settings.url);
var page = uri.getQueryParamValue('page') || 1;
var order_by = uri.getQueryParamValue('order_by');
var sortorder = uri.getQueryParamValue('sortorder');
var rows_per_page = 6;
var start_index = (page - 1) * rows_per_page;
var total_pages = 1;
var data = ExampleData.fruits; //How can I pass this data so that multiple tables can exist with different data
if (data.length != 0) {
    total_pages = parseInt((data.length - 1) / rows_per_page) + 1;
}
if (order_by) {
    data.sort(function(left, right) {
        var a = left[order_by];
        var b = right[order_by];

        if (sortorder == 'desc') {
            var c = b;
            b = a;
            a = c;
        }
        if (a < b) {
            return -1;
        }
        else if (a > b) {
            return 1;
        }
        else {
            return 0;
        }
    });
}
4

1 に答える 1

1

問題の根本は、同じURLに2つのモックジャックを設定しようとしていることです（'*'）。両方を同時に持つことはできません。

特定のURLのモックジャックを置き換える必要がある場合は、最初に古いものを取り除く必要があります。

$.mockjaxClear();
$.mockjax({
    url: '*',
    response: ... // whatever
});

しかし、それでも問題を完全に解決することはできません。2番目のモックジャックをインストールする前に最初のモックジャックをクリアすることで、両方のデータグリッドを表示することができました。しかし、テーブルをナビゲートしようとすると、#grid（もちろん）いくつかの興味深いエラーが発生しました。これは、そのデータを提供するはずのモックジャックが、#gridセットアップ時に削除されていたため#grid2です。

これがあなたがすべきことです：

  • テーブルごとに異なるURLを使用する
  • URLごとに異なるモックジャックを設定する

私はあなたのフィドルを解決策でフォークしました。データ指定子を使用して使用するデータセットを示し、データ応答コールバックには従来のラムダ関数を使用します。 

function generateMockjackResponse(dataIn) {
    return function(settings) {
        var uri = new Uri(settings.url);
        var page = uri.getQueryParamValue('page') || 1;
        var order_by = uri.getQueryParamValue('order_by');
        var sortorder = uri.getQueryParamValue('sortorder');

        var rows_per_page = 6;
        var start_index = (page - 1) * rows_per_page;

        var total_pages = 1;
        var data = dataIn;

        if (data.length != 0) {
            total_pages = parseInt((data.length - 1) / rows_per_page) + 1;
        }

        if (order_by) {
            data.sort(function(left, right) {
                var a = left[order_by];
                var b = right[order_by];

                if (sortorder == 'desc') {
                    var c = b;
                    b = a;
                    a = c;
                }

                if (a < b) {
                    return -1;
                }
                else if (a > b) {
                    return 1;
                }
                else {
                    return 0;
                }
            });
        }
        var result = {
            total_pages: total_pages,
            rows: data.slice(start_index, start_index + rows_per_page)
        };
        this.responseText = result;
    };
}

var data1 = [
    // some data
];

var data2 = [ 
    // other data 
];

$.mockjax({
    url: '*',
    data: 1,
    response: generateMockjackResponse(data1)
});

$('#grid1').simple_datagrid({
    order_by: true,
    data: 1
});

$.mockjax({
    url: '*',
    data: 2,
    response: generateMockjackResponse(data1)
});

$('#grid2').simple_datagrid({
    order_by: true,
    data: 2
});
于 2012-11-16T00:48:55.190 に答える