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 等）成为一个可点击的链接，并带有与之关联的相应 locationID。我需要这个，以便每当我单击商店链接时，都会提示相应的商店详细信息（如 locationDetails 表中所示）。

例如，如果单击sales1按钮并同时单击Store A，则提示（可能是警报）将显示商店的地址和经理（来自locationDetails表）。

如果有人可以提出任何解决方案，那将非常有帮助。谢谢！

4

1 回答 1

1

在过去的 20 分钟左右，我一直在研究这个问题，我得出的结论是，如果你从 JSON 构建你的 dynatable，这并不容易。我认为可动态站点顶部的国家/地区示例可能在服务器端构建为常规 html 表，然后可动态化仅用于排序/分页/等。

似乎另一个可能的选择是在您的 JSON 中返回您想要创建的单元格的完整内容，包括任何链接等（或在 javascript 中对 JSON 进行后处理以将其修改为您想要的形式）。

于 2015-02-11T22:23:16.073 回答