您当前的位置: 首页 >  .net

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

发布时间:2013-03-28 16:45:54 ,浏览量:0

对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明:
  • 1、拖动GridPanel选中行到新位置排序。
  • 2、在拖动结束后,重新会选中前面拖动的行。
  • 3、拖动排序功能支持Grid单选与多选模式。
  • 4、加了【最上】【最下】【上移】【下移】四个按钮排序的功能。目前按钮排序只能在Grid的单选模式下使用。

功能演示:
        1. 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
关注
打赏
1688896170
查看更多评论

暂无认证

  • 0浏览

    0关注

    106346博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.6865s