在asp.net中利用Repeater控件怎么对数据库中的字段进行排序
创始人
2024-11-28 16:43:03
0次

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

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

在asp.net中利用Repeater控件怎么对数据库中的字段进行排序

于是就动手起来,发现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代码如下:

 
 
 
   
   
   
  Repeater拖拽排序 
   
    #module_list { 
      margin-left: 4px; 
    } 
    .modules { 
      float: left; 
      width: 200px; 
      height: 140px; 
      margin: 10px; 
      border: 1px solid #acc6e9; 
      background: #e8f5fe; 
    } 
    .m_title { 
      margin-top: 0px; 
      height: 24px; 
      line-height: 24px; 
      background: #afc6e9; 
    } 
    #loader { 
      height: 24px; 
      text-align: center; 
    } 
   
 
 
   
    
                                            '>              <%#Eval("F_DataCenterName").ToString() %>              

<%#Eval("F_Order") %>

            
                        
              $(function () {      $(".m_title").bind('mouseover', function () {        $(this).css("cursor", "move")      });      var show = $("#loader");      var orderlist = $("#orderlist");      var list = $("#module_list");      var old_order = [];      //获取原先的顺序列表      list.children(".modules").each(function () {        var val = $(this).find("p").text();        old_order.push(val);      });      list.sortable({        opacity: 0.6, //设置拖动时候的透明度         revert: true, //缓冲效果         cursor: 'move', //拖动的时候鼠标样式         handle: '.m_title', //可以拖动的部位,模块的标题部分         update: function () {          var new_id = [];          list.children(".modules").each(function () {            new_id.push(this.title);          });          var newid = new_id.join(',');          var oldid = old_order.join(',');          $.ajax({            type: "post",            url: "update.aspx", //服务端处理程序             data: { id: newid, order: oldid },  //id:新的排列对应的ID,order:原排列顺序             beforeSend: function () {              show.html(" 正在更新...");            },            success: function (msg) {              show.html("排序成功...");              //重新刷新页面              window.location.reload();            }          });        }      });    }); 

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代码如下:

 
 
 
 
   
 
 
   
  
    
          [csharp] view plaincopy public partial class update : System.Web.UI.Page  {    public static GGJ_DC_DataCenterBaseInfoBLL bll = new GGJ_DC_DataCenterBaseInfoBLL();    protected void Page_Load(object sender, EventArgs e)    {      if (!IsPostBack)      {        string order = Request["order"].ToString();        string depId = Request["id"].ToString();        UpdateOrder(depId, order);      }    }    ///     /// 重新更新顺序    ///     ///     ///     public void UpdateOrder(string deptId, string order)    {      string[] deptIds = deptId.Split(',');      string[] orders = order.Split(',');      for (int i = 0; i < deptIds.Length; i++)      {        for (int j = 0; j < orders.Length; j++)        {          if (i == j)          {            string sql = "update GGJ_DC_DataCenterBaseInfo set F_Order=" + orders[j] + " where F_DataCenterID='" + deptIds[i]+ "'";            DataTable dt = CommonClass.QuerySQL.GetDataTable(sql);            if (dt.Rows.Count > 0)            {            }          }        }      }    }  }

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...