aspnet中使用 Repeater控件拖拽实现排序并同步数据库字段排序(1/2)

本篇文章主要介绍了" aspnet中使用 Repeater控件拖拽实现排序并同步数据库字段排序"，主要涉及到方面的内容，对于.NETjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： 数据库表中有一个单位表，里面包括ID、Name、Order等字段，现在有个后台管理功能，可以设置这些单位在某些统计表格中的先后显示顺序，于是想到用拖拽方式实现，...

数据库表中有一个单位表，里面包括ID、Name、Order等字段，现在有个后台管理功能，可以设置这些单位在某些统计表格中的先后显示顺序，于是想到用拖拽方式实现，这样操作起来更简便。

使用了GifCam软件做了一个示例动画，效果如下图所示：

于是就动手起来，发现jquery.ui中提供sortable函数，可用于排序，界面中从数据库绑定的单位使用Repeater控件，下面简单介绍下主要步骤：

1、项目中使用到的jquery-1.7.2.min.js和jquery-ui.min.js请点击进行下载，地址为：http://download.csdn.net/detail/taomanman/9315373

2、TestDemo.aspx代码如下：

 
 
 

   
   
 
 
   
    
 
    
 
       
       
         
          
 
            
<%#Eval("F_DataCenterName").ToString() %>
 
            
<%#Eval("F_Order") %>
 
          
 
         
       
    
 
   
 
 
 

TestDemo.cs代码如下，具体数据库操作类获取数据根据各自的情况进行，这里就不详细介绍了。

public partial class TestDemo : System.Web.UI.Page 
{ 
  public static GGJ_DC_DataCenterBaseInfoBLL bll = new GGJ_DC_DataCenterBaseInfoBLL(); 
  protected void Page_Load(object sender, EventArgs e) 
  { 
    if (!IsPostBack) 
    { 
      BindData(); 
    } 
  } 
  /// 
 
  /// 绑定部委单位 
  /// 
 
  public void BindData() 
  { 
    string where = ""; 
    string orderby = "F_Order ASC"; 
    DataTable dt = bll.GetData(where, orderby); 
    this.rpt.DataSource = dt; 
    this.rpt.DataBind(); 
  } 
} 

3、$.ajax方法请求的页面update.aspx及update.aspx.cs代码如下：