我正在尝试构建一个排序函数,根据我单击的行对我的表进行排序。我遇到的问题是,当我点击行时,它返回太多数据,相同的数据重复了几百次。我认为这是asp:Repeater的问题,我用它来拉数据,但不能想到一个方法来解决这个问题。如果你有任何想法如何解决这个问题,我将不胜感激。如果你有比我更好的解决办法,请告诉我,我可以重新开始。
排序本身还不能工作,但我可以稍后再做。我只需要知道如何使它不发布相同的数据数百次。它第一次加载很好,但在单击一行后,它添加了太多的数据。
代码如下:
<table id="SortedTable" class="table table-hover table-condensed">
<thead>
<tr>
<th id="Ip_prefix">Ip_prefix</th>
<th id="Peer_ip_src">Peer_ip_src</th>
<th id="Comms">Comms</th>
<th id="Event_type">Event_type</th>
<th id="As_path">As_path</th>
<th id="Local_pref">Local_pref</th>
<th id="Created">Created</th>
</tr>
</thead>
<asp:Repeater runat="server" ID="dumpRptr">
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<tbody>
<tr>
<td><a href="..."><%#Eval("ip_prefix")%></a></td>
<td><%#Eval("peer_ip_src")%></td>
<td><%#Eval("comms")%></td>
<td><%#Eval("event_type")%></td>
<td><%#Eval("as_path")%></td>
<td><%#Eval("local_pref")%></td>
<td><%#Eval("Created")%></td>
</tr>
</tbody>
</ItemTemplate>
<FooterTemplate>
</FooterTemplate>
</asp:Repeater>
</table>
<script>
function sortTable(f, n) {
var rows = $('#SortedTable tbody tr').get();
rows.sort(function (a, b) {
var A = $(a).children('td').eq(n).text().toUpperCase();
var B = $(b).children('td').eq(n).text().toUpperCase();
if (A < B) {
return -1 * f;
}
if (A > B) {
return 1 * f;
}
return 0;
});
$.each(rows, function (index, row) {
$('#SortedTable').children('tbody').append(row);
});
}
var f_Ip_prefix = 1;
var f_Peer_ip_src = 1;
//....same all for allnames
$("#Ip_prefix").click(function () {
f_Ip_prefix *= -1;
var n = $(this).prevAll().length;
sortTable(f_Ip_prefix, n);
});
$("#Peer_ip_src").click(function () {
f_Peer_ip_src *= -1;
var n = $(this).prevAll().length;
sortTable(f_Peer_ip_src, n);
});
//same for the rest
</script>
我对这一切都很陌生,所以如果你能解释一下为什么它会做我不希望它做的事情背后的逻辑,我会很感激。答案当然更好。
最后,当单击表行时,更改SQL代码以正确排序它们。现在一切都可以正确排序了。