1

Dynatables を試していますが、これまでのところ、データを正しく表示し、特定のイベントが発生したときにその内容を更新できます。これまでのところ、これは私が持っているものです: http://jsfiddle.net/pDVvx/28/

$(document).ready( function() {
  var allSales = [{
    locationId: 1001,
    location: "Store A",
    item: "Soap",
    quantity: 2,
    amount: 99.50
  },{
    locationId: 1002,
    location: "Store B",
    item: "Tissue",
    quantity: 1,
    amount: 49.75
  }];

  var allSales2 = [{
    locationId: 2001,
    location: "Store C",
    item: "Bag",
    quantity: 1,
    amount: 10000.00
  },{
    locationId: 2002,
    location: "Store D",
    item: "Shoe",
    quantity: 2,
    amount: 5999.50
  }];

  var locationDetails = [{
    locationId: 1001,
    location: "Store A",
    address: "some address here",
    manager: "Pepito Manaloto"
  },{
    ....
  }];

  var updateDynaTable = function(argument){
    console.log("argument for updateDynaTable");
    console.log(argument);
    dynatable.settings.dataset.originalRecords = argument;
    dynatable.process();
  }

  var dynatable = $('#my-final-table').dynatable({
    dataset: {
        records: allSales
    }
  }).data('dynatable');

  $("#button1").click(function(){
    updateDynaTable(allSales);  
  })

  $("#button2").click(function(){
    updateDynaTable(allSales2);  
  })
});

さらに、各ロケーション (ストア A、ストア B など) を、それぞれのロケーション ID が関連付けられたクリック可能なリンクにしたいと考えています。これは、店舗のリンクをクリックするたびに、対応する店舗の詳細 (locationDetails テーブルに示されている) が表示されるようにするために必要です。

たとえば、sales1ボタンがクリックされ、Store Aもクリックされた場合、プロンプト (アラートの可能性があります) に店舗の住所とマネージャー ( locationDetailsテーブルから) が表示されます。

誰かが解決策を提案できる場合、それは非常に役に立ちます。ありがとうございました！

4

1 に答える 1

1

私はこれを過去 20 分ほど調べてきましたが、JSON から dynatable を構築する場合、これは簡単ではないという結論に達しています。dynatable サイトの上部にある国の例は、おそらくサーバー側で通常の html テーブルとして構築されており、dynatable はソート/ページネーションなどに使用されているだけだと思います。

他の可能性のあるオプションは、JSON で、リンクなどを含む、作成するセルの完全なコンテンツを返すことです (または、JavaScript で JSON を後処理して、必要な形式に変換します)。

于 2015-02-11T22:23:16.073 に答える