Ext.net Grid拖动行排序,【最上】【最下】【上移】【下移】按钮排序

 

 对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。

DEMO功能说明:

  • 1、拖动GridPanel选中行到新位置排序。
  • 2、在拖动结束后,重新会选中前面拖动的行。
  • 3、拖动排序功能支持Grid单选与多选模式。
  • 4、加了【最上】【最下】【上移】【下移】四个按钮排序的功能。目前按钮排序只能在Grid的单选模式下使用。

 

功能演示:

    1. 1、单选

 

2、多选

 

按钮的排序功能,有兴趣的朋友可以自己试一下,就不截图了,在使用按钮排序时,请将SingleSelect设置为true

 

代码:

ASPX页面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GridRecordOrder.aspx.cs" Inherits="ExtNetSamples.GridDragDrop.GridRecordOrder" %>



<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>


    
 


    

拖动Grid的行调整顺序

拖动行调整顺序,若只使用拖动来调整行顺序,可支持选中多纪录,但若需要使用【最上】、【上移】、【下移】、【最下】按钮的功能,必须设置单选行模式.



 

CS:

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)
        {
            List data = 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

你可能感兴趣的:(Coolite/Ext,JS/Ext.NET)