Sql 不带名称的数组列表的删除表视图
我不熟悉敲除和JS编程。我返回了一个JSON结果集,这将是两个嵌套的数组,如下所示,其中每个数组的大小都可以是可变的: 列表返回 [0]计数:4----------->[0]“频道”、[1]“小时”、[2]“日期”、[3]“事务” [1] 计数:122------> [0]101、[1]11、[2]03/01/2014、[3]400、 [4] 101、[5]6、[7]03/12/2014、[8]232 (这些是上面重复的行的单个值) 我想构建一个能很好地显示这些内容的表。从本质上讲,它将处理返回的任何结果集,这些结果集将在表中填充可变数量的列和数据,如下所示: 频道小时日期事务\u CNT 101 12 03/01/2014 400 101 6 03/12/2014 232 我的第一部分是关于列标题的: 在ViewModel中:Sql 不带名称的数组列表的删除表视图,sql,arrays,knockout.js,Sql,Arrays,Knockout.js,我不熟悉敲除和JS编程。我返回了一个JSON结果集,这将是两个嵌套的数组,如下所示,其中每个数组的大小都可以是可变的: 列表返回 [0]计数:4----------->[0]“频道”、[1]“小时”、[2]“日期”、[3]“事务” [1] 计数:122------> [0]101、[1]11、[2]03/01/2014、[3]400、 [4] 101、[5]6、[7]03/12/2014、[8]232 (这些是上面重复的行的单个值) 我想构建一个能很好地显示这些内容的表。从本质上讲,它将处理返回
$.ajax({
type: 'get',
url: 'Reports/GetReportData',
data: { requestObj: req },
contenttype: 'application/json',
datatype: 'json',
success: function(result) {
if (result) {
document.getElementById("reportOutputfieldSet").style.display = "block";
ko.utils.arrayForEach(result[0], function (data) {
self.cnames.push(data.replace(",", " "));
});
ko.utils.arrayForEach(result[1], function (data) {
self.cdata.push(data.replace(",", " "));
});
他认为:
<tr data-bind="foreach: cnames" style="color: white; background-color: #003399; font-weight: bold; width: 600px">
<td data-bind="text: $data" style="width: 25%"></td>
</tr>
在多次尝试正确地构建数据显示之后,我空手而归。我首先尝试遍历并获取每个元素的唯一值,然后在UI中显示它们,但没有成功:(
var noColumns=result[0]。长度;
var thisArray=函数(){
if(结果[1]。长度===0)
返回[];
对于(var column=0;column
他认为:
<tbody>
<!-- ko foreach: columnOne -->
<tr style="border-bottom: solid 1px #003399;">
<td data-bind="text: $data" style="width: 25%"></td>
<!-- ko foreach: columnTwo -->
<td data-bind="text: $data" style="width: 25%"></td>
<!-- /ko -->
</tr>
<!-- /ko -->
</tbody>
我觉得我需要一个自定义的ko.binding,但是我真的不知道如何开始使用它。非常感谢任何人的帮助。提前谢谢!你可以使用发布代码吗?在线调试很容易只需将数据分组成每行中都有
noColumns
值的行。你可以查看示例或查看las答案中没有答案。非常感谢,克里希纳和罗伯特。深入研究,我会看看是否能让它发挥作用。如果不能,我会在JFIDLE上发布。这很有效,罗伯特。非常感谢!为了“适合目的”,我不得不对其进行了一些修改,但它打破了我陷入的循环思维循环。非常感谢。
<tbody>
<!-- ko foreach: columnOne -->
<tr style="border-bottom: solid 1px #003399;">
<td data-bind="text: $data" style="width: 25%"></td>
<!-- ko foreach: columnTwo -->
<td data-bind="text: $data" style="width: 25%"></td>
<!-- /ko -->
</tr>
<!-- /ko -->
</tbody>