javascript - JQuery/Javascript 重新排序行

Question

我有一个看起来像这样的 aspx 页面:

<tr id="Row1">
  <td>Some label</td>
  <td>Some complex control</td>
</tr>
<tr id="Row2">
  <td>Some label</td>
  <td>Some complex control</td>
</tr>
<tr id="Row3">
  <td>Some label</td>
  <td>Some complex control</td>
</tr>

页面加载后，我想根据用户先前选择的顺序(存储在数据库中)对这些行重新排序

我将如何使用 JQuery/JS 来完成此任务？

编辑:

我遇到了 appendTo 代码的性能问题。一个 10 行的表需要 400 毫秒，这确实是不能接受的。谁能帮我调整它以提高性能？

function RearrangeTable(csvOrder, tableId)
{
  var arrCSVOrder = csvOrder.split(','); 

  //No need to rearrange if array length is 1
  if (arrCSVOrder.length > 1)
  {
    for (var i = 0; i < arrCSVOrder.length; i++)
    {
      $('#' + tableId).find('[fieldname = ' + arrCSVOrder[i] + ']').eq(0).parents('tr').eq(0).appendTo('#' + tableId);
    }
  }
}

Answer 1

为什么不在服务器端对行进行排序？如果您打算在页面加载后立即使用 JQuery 对它们重新排序，那么在服务器代码中完成这项工作会更有效，尤其是当用户选择的订单存储在数据库中时。