使用拖放对HTML表行重新排序

jQueryUISortable插件提供拖放重新排序。“保存”按钮可以提取每个项目的ID，以创建这些ID的逗号分隔字符串，并添加到隐藏的文本框中。文本框使用异步回发返回到服务器

这个fiddle示例重新排序表元素，但不将它们保存到数据库中

可排序插件需要一行代码将任何列表转换为可排序列表。如果您想使用它们，它还提供CSS和图像，为可排序列表提供视觉效果（参见我链接的示例）。但是，开发人员必须提供代码以按新顺序检索项。我将列表中每个项目的唯一ID作为HTML属性嵌入，然后通过jQuery检索这些ID

例如：

/----加载文档时执行的代码
$（函数（）{
wireReorderList（）；
});
函数wireOrderList（）{
$（“#重新排序示例项”）.sortable（）；
$（“#重新排序示例项”）.disableSelection（）；
}
函数saveOrderClick（）{
//-----检索可排序列表中的li项
var项目=$（“#重新排序示例项目li”）；
变量LinkId=[items.size（）]；
var指数=0；
//----遍历每个li，提取作为属性嵌入的ID
每项(
功能（intIndex）{
LinkId[index]=$（this.attr（“ExampleItemID”）；
索引++；
});
$get（“&lt；%=txtExampleItemsOrder.ClientID%&gt；”）。value=LinkId.join（“，”；
}