本篇文章給大家分享的是有關(guān)在asp.net中利用Repeater控件怎么對數(shù)據(jù)庫中的字段進(jìn)行排序,小編覺得挺實用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
數(shù)據(jù)庫表中有一個單位表,里面包括ID、Name、Order等字段,現(xiàn)在有個后臺管理功能,可以設(shè)置這些單位在某些統(tǒng)計表格中的先后顯示順序,于是想到用拖拽方式實現(xiàn),這樣操作起來更簡便。
使用了GifCam軟件做了一個示例動畫,效果如下圖所示:
于是就動手起來,發(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拖拽排序
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); } } ///
以上就是在asp.net中利用Repeater控件怎么對數(shù)據(jù)庫中的字段進(jìn)行排序,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。