对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明:
- 1、拖动GridPanel选中行到新位置排序。
- 2、在拖动结束后,重新会选中前面拖动的行。
- 3、拖动排序功能支持Grid单选与多选模式。
- 4、加了【最上】【最下】【上移】【下移】四个按钮排序的功能。目前按钮排序只能在Grid的单选模式下使用。
功能演示:
-
-
-
-
1、单选
-
2、多选
按钮的排序功能,有兴趣的朋友可以自己试一下,就不截图了,在使用按钮排序时,请将SingleSelect设置为true
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GridRecordOrder.aspx.cs" Inherits="ExtNetSamples.GridDragDrop.GridRecordOrder" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
拖动Grid的行调整顺序拖动行调整顺序,若只使用拖动来调整行顺序,可支持选中多纪录,但若需要使用【最上】、【上移】、【下移】、【最下】按钮的功能,必须设置单选行模式.
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace ExtNetSamples.GridDragDrop { public partial class GridRecordOrder : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Listdata = new List(); for (int i = 0; i < 10; i++) { data.Add(new { Id = i, Name = "Name " + i, Sex = i % 2 == 0 ? "男" : "女", Address = "四川省成都市XX区XX路XX号", Order = i }); } this.Store1.DataSource = data; this.Store1.DataBind(); } } }
DEMO下载地址: http://download.csdn.net/download/llxchen/3687672 -
-