Question

我有2个标签，点击每个标签，我正在创建HTML并将数据附加到该特定表格

这是我的代码

var myjsonresponse1 = [{
  "name": "JAYBARMARU111",
  "date_time": "2015-12-29"
}, {
  "name": "JUSTDIAL1111",
  "date_time": "2015-12-29"
}, {
  "name": "TITAN111",
  "date_time": "2015-12-29"
}];
var myjsonresponse2 = [{
  "name": "JAYBARMARU2222",
  "date_time": "2015-12-29"
}, {
  "name": "JUSTDIAL222",
  "date_time": "2015-12-29"
}, {
  "name": "TITAN222",
  "date_time": "2015-12-29"
}];
var tablesorterOptions = {
  theme: 'blue',
  widgets: ["zebra"]
};
$("#tabs").tabs({});
$(document).on("click", ".candlespattern", function() {
  var clicked = $(this).attr("id");
  var datatoselect = '';

  if (clicked === '#fragment-1') {
    datatoselect = myjsonresponse1;
  } else if (clicked === '#fragment-2') {
    datatoselect = myjsonresponse2;
  }
  var html = "";
  html += '';
  for (var e = 0; e < datatoselect.length; e++) {
    html += "<tr><td>" + datatoselect[e].name + "</td><td>" + datatoselect[e].date_time + "</td></tr>"
  }
  $("#candletable tbody").html(html);
  $("#candletable").trigger("update");
});

你能否告诉我，我是否需要为每个表创建id以动态地向其追加数据？

默认情况下，tab1默认启用，如何禁用它并仅在单击选项卡时显示数据？

http://jsfiddle.net/abkNM/7618/

Answer 1

试试这个fiddle，

我所做的是，当文件准备就绪时，我让你DIV.ui-tabs-panel hidden，

$(document).ready(function(){
     $('.ui-tabs-panel').css('display','none'); 
})

您正在使用的jquery库会将display:none附加到DIV.ui-tabs-panel这两个位置，因此我们只是覆盖它。

现在你需要在点击标签时填写数据，当你点击a.candlespattern时，我会添加额外的脚本，首先让'DIV.ui-tabs-panel'可见，然后我添加html到tbody可见，请注意另一个表是隐藏的。我添加到'.candlespattern'的callback的JS在这里：

$($(this).attr('id')).css('display','block');
$("tbody:visible").html(html);

Answer 2

尝试更改

DataTable dt = sqlda.GetQueryData("Select * From TempDB.DBO.SysObjects Where Name='##" + username.ToUpper() + "'");

到

$(document).on("click", ".candlespattern", function() {
  var clicked = $(this).attr("id");
  var datatoselect = '';

  if (clicked === '#fragment-1') {
    datatoselect = myjsonresponse1;
  } else if (clicked === '#fragment-2') {
    datatoselect = myjsonresponse2;
  }
  var html = "";
  html += '';
  for (var e = 0; e < datatoselect.length; e++) {
    html += "<tr><td>" + datatoselect[e].name + "</td><td>" +   datatoselect[e].date_time + "</td></tr>"
  }
  $("#candletable tbody").html(html);
  $("#candletable").trigger("update");
});

在这种情况下，是否需要表ID才能向其附加数据

2 个答案: