相关疑难解决方法(0)

JQuery/Javascript重新排序行

我有一个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>
Run Code Online (Sandbox Code Playgroud)

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

我如何使用JQuery/JS来实现这一目标?

编辑:

我遇到了appendTo代码的性能问题.一个10行的表需要400ms,这是非常不可接受的.任何人都可以帮我调整性能吗?

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);
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

8
推荐指数
3
解决办法
2万
查看次数

标签 统计

javascript ×1

jquery ×1