真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

在asp.net中利用Repeater控件怎么對數(shù)據(jù)庫中的字段進(jìn)行排序-創(chuàng)新互聯(lián)

本篇文章給大家分享的是有關(guān)在asp.net中利用Repeater控件怎么對數(shù)據(jù)庫中的字段進(jìn)行排序,小編覺得挺實用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

十余年的徽州網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整徽州建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“徽州網(wǎng)站設(shè)計”,“徽州網(wǎng)站推廣”以來,每個客戶項目都認(rèn)真落實執(zhí)行。

數(shù)據(jù)庫表中有一個單位表,里面包括ID、Name、Order等字段,現(xiàn)在有個后臺管理功能,可以設(shè)置這些單位在某些統(tǒng)計表格中的先后顯示順序,于是想到用拖拽方式實現(xiàn),這樣操作起來更簡便。


使用了GifCam軟件做了一個示例動畫,效果如下圖所示:

在asp.net中利用Repeater控件怎么對數(shù)據(jù)庫中的字段進(jìn)行排序

于是就動手起來,發(fā)現(xiàn)jquery.ui中提供sortable函數(shù),可用于排序,界面中從數(shù)據(jù)庫綁定的單位使用Repeater控件,下面簡單介紹下主要步驟:


1、項目中使用到的jquery-1.7.2.min.js和jquery-ui.min.js請點擊進(jìn)行下載,地址為: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, //設(shè)置拖動時候的透明度         revert: true, //緩沖效果         cursor: 'move', //拖動的時候鼠標(biāo)樣式         handle: '.m_title', //可以拖動的部位,模塊的標(biāo)題部分         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", //服務(wù)端處理程序             data: { id: newid, order: oldid },  //id:新的排列對應(yīng)的ID,order:原排列順序             beforeSend: function () {              show.html(" 正在更新...");            },            success: function (msg) {              show.html("排序成功...");              //重新刷新頁面              window.location.reload();            }          });        }      });    }); 

TestDemo.cs代碼如下,具體數(shù)據(jù)庫操作類獲取數(shù)據(jù)根據(jù)各自的情況進(jìn)行,這里就不詳細(xì)介紹了。

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)            {            }          }        }      }    }  }

以上就是在asp.net中利用Repeater控件怎么對數(shù)據(jù)庫中的字段進(jìn)行排序,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


本文題目:在asp.net中利用Repeater控件怎么對數(shù)據(jù)庫中的字段進(jìn)行排序-創(chuàng)新互聯(lián)
本文路徑:http://weahome.cn/article/dsjcpc.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部