XtraGrid滚轮翻页

滚轮翻页与传动的翻页更为方便,经过本人一番探讨与琢磨终于在XtraGrid的GridView中实现了鼠标滚轮翻页。

我新建了一个组件继承原本的GridControl,在组件中添加了一个ImageList,专门存放一些资源图片。用于实现动态图的效果。

添加一个自定义委托的参数与枚举,委托参数用于传递分页的信息。

    public class PagingEventArgs : EventArgs
    {        public int PageSize { get; set; }        public int PageIndex { get; set; }
    }    public enum LoadState
    { 
        /// <summary>
        /// 就绪        /// </summary>        Ready,        /// <summary>
        /// 正在读取        /// </summary>        Loading,        /// <summary>
        /// 读取完成        /// </summary>        Finish
    }

在组件的类里面添加以下字段

        /// <summary>
        /// 页面大小        /// </summary>
        private int _int_page_size=20;        /// <summary>
        /// 当前页索引        /// </summary>
        private int _int_page_index=1;        /// <summary>
        /// 总记录数        /// </summary>
        private int _int_record_count;        /// <summary>
        /// 读取状态 
        /// </summary>
        private LoadState _LodaState_state;

添加以下属性

         
         
          (!IsPaging)   (!IsPaging) =
                (value>,

          else
          {
              while (this.MainView.DataRowCount > 0)
                GridView_main_view.DeleteRow(0);
              this.RefreshDataSource();
          }

            }
        }        /// <summary>
        /// 每次读取的行数        /// </summary>
        public int PageSize
        {            get 
            {                if (!IsPaging) return 0;                return _int_page_size; 
            }            set 
            {                if (!IsPaging) return ;
                _int_page_size = value; 
            }
        }        /// <summary>
        /// 总页数        /// </summary>
        private int PageCount
        {            get 
            {                if (RecordCount % PageSize == 0)                    return RecordCount / PageSize;                return RecordCount / PageSize + 1;
            }
        }        /// <summary>
        /// Grid        /// </summary>
        private GridView _GridView_main_view
        {            get { return (GridView)this.MainView; }
        }        /// <summary>
        /// 是否启用分页        /// </summary>
        public bool IsPaging { get; set; }

添加以下委托与事件

        /// <summary>
        /// 内部使用的委托        /// </summary>
        private delegate void myDelegate();        /// <summary>
        /// 滚动翻页的委托        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        public delegate void ScrollingToPageEventHandler(object sender, PagingEventArgs e);        /// <summary>
        /// 滚动翻页的事件        /// </summary>
        public event ScrollingToPageEventHandler OnScrollingToPage;

以下则是一些对控件的设置,按照各人喜好可以有所更改。

        /// <summary>
        /// 设置分页栏        /// </summary>
        private void InitEmbeddedNavigator()
        {this.EmbeddedNavigator.CustomButtons.AddRange(new DevExpress.XtraEditors.NavigatorCustomButton[] {            new DevExpress.XtraEditors.NavigatorCustomButton(-1, -1, true, false, "", null)});            this.EmbeddedNavigator.TextStringFormat = "  当前 {1} 行数据  ";            this.UseEmbeddedNavigator = true;

        }        /// <summary>
        /// 设置gridView        /// </summary>
        private void InitGridView()
        { 
            _GridView_main_view.TopRowChanged += new EventHandler(gridView_TopRowChanged);
        }

为控件的事件注册以下方法

        private void gridControl_Load(object sender, EventArgs e)
        {            if (IsPaging)
            {
                _LodaState_state = LoadState.Ready;

                InitEmbeddedNavigator();
                InitGridView();
            }
        }        private void gridView_TopRowChanged(object sender, EventArgs e)
        {            lock (this)
            {                if ( _int_page_index > PageCount || _LodaState_state != LoadState.Ready) return;
            }            //检查是否到达底部
            if (_GridView_main_view.IsRowVisible(_GridView_main_view.RowCount - 1) == RowVisibleState.Visible||
                _int_page_index==1)
            {                lock (this)//设置成开始读取状态                {
                    _LodaState_state = LoadState.Loading;
                }
                Thread thread_load_data = new Thread(new ThreadStart(LoadData));
                Thread thread_change_text = new Thread(new ThreadStart(ChangeLoadingImage));
                thread_change_text.Start();
                thread_load_data.Start();
            }
        }

TopRowChanged事件在grid的首行改变了就会触发,类似于滚动条的Scroll事件。这里开了两个线程,第一个线程用于读取数据,第二个线程用于实现动态图。两个线程调用的方法都在下面

         
         
          top_row_index =  focus_index =  (==
                 (OnScrollingToPage ==   Exception(= = = 
             (.Parent.Invoke( myDelegate(== (= LoadState.Finish; 
         
          image_index =  (.Parent.InvokeRequired).Parent.Invoke( myDelegate(.EmbeddedNavigator.Buttons.CustomButtons[].Visible =  () ( (_LodaState_state != LoadState.Loading)
                         (image_index == = ++ (
                    .Parent.Invoke( myDelegate(.EmbeddedNavigator.Buttons.CustomButtons[].ImageIndex = (.Parent.InvokeRequired).Parent.Invoke( myDelegate(.EmbeddedNavigator.Buttons.CustomButtons[].Visible =  (= ++

不过这个代码有点问题,当GridControl绑定的数据源有相同实例的子项时,随着RefreshData方法的调用会不停触发TopRowChanged事件,确切的原因还没搞清楚,解决这个问题就是要不去除数据源上相同的实例子项,要不就不调用RefreshData方法。还有更好的办法还请高手们的指点。

时间: 2024-10-13 16:22:12

XtraGrid滚轮翻页的相关文章

vue-awesome-swiper - 基于vue实现h5滑动翻页效果

说到h5的翻页,很定第一时间想到的是swiper.但是我当时想到的却是,vue里边怎么用swiper?! 中国有句古话叫:天塌下来有个高的顶着. 在前端圈里,总有前仆后继的仁人志士相继挥洒着热汗(这里没有血),在我们小白需要用到两个技术结合的时候,他们早已冲向前为我们杀出了一条路,准备好了实现用的技术和方案.有时候我就在想,我的理想大概就是站在自己现在仰望的代码塔的顶峰,像他们一样,不断输出自己的热情和力量,产出一个可以为人所用的东西,以能够为后来人发光发热吧. vue-awesome-swip

自定义 ViewGroup 支持无限循环翻页之三(响应回调事件)

大家如果喜欢我的博客,请关注一下我的微博,请点击这里(http://weibo.com/kifile),谢谢 转载请标明出处,再次感谢 ####################################################################### 自定义 ViewGroup 支持无限循环翻页系列 自定义 ViewGroup 支持无限循环翻页之一(重写 onLayout以及 dispatchDraw) 自定义 ViewGroup 支持无限循环翻页之二(处理触摸事件)

多个ImageView组成界面实现上下滑动翻页

============问题描述============ 上面这个就是我的手机界面,我想实现用手上下滑动翻页,翻页过后再来更新这10张照片的内容(图片从服务器GET下来已经实现),现在我就是想晓得这个滑动翻页该用什么组件来实现哦,小弟菜鸟一枚,希望大家多给提点哈 ============解决方案1============ 用fragment吧,改一下fragment里面的数据就行了 ============解决方案2============ 搜一下图片播放器吧

ViewPager实现翻页步骤

之前觉得滑动翻页的效果挺炫的,目前初学android,所以自己在项目中尝试实现了这个效果.数据是动态的.实现效果主要有几个步骤: 1.创建两个布局文件,一个布局文件定义viewPager组件,如  <android.support.v4.view.ViewPager         android:id="@+id/vp_articles"        android:layout_width="match_parent"        android:la

bootstrap(5)分页,翻页,徽章效果

一 : 分页效果 我们可以看到在网站上的翻页效果如下: 使用bootstrap如何实现的呢? 代码如下: <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true"&g

datatables之翻页、搜索、排序事件

$(document).ready(function() { $('#table').on('order.dt', function() { console.log('排序'); }).on('search.dt', function() { console.log('搜索'); }).on('page.dt', function() { console.log('翻页'); }).dataTable(); });

js 翻页

翻页功能是js很基础的一个算法,且用得很多,所以必须掌握此项技能. 我们要想清楚在实现翻页的过程中需要哪几个步骤: 1.我们首先需要的变量有哪些,必须的有一个存放当前页码的变量nowPage.一个存放最大页数的变量maxPage,再一个存放每一页显示多少行的常量 PAGECELL: 2.我们需要哪些函数来实现,实现哪些功能,肯定要有的是 向上翻页.向下翻页 3.过程中要注意什么,要翻到下一页,就必须清楚当页的内容,不然会在当前页下面加载 其实就这么简单,考虑清楚后就可以进行代码的实现了. 以上思

oracle清屏翻页配置

在oracle数据库刚安装好时,输入命令时不能跟mysql数据库一样,清楚屏幕上执行过的命令和翻页重复执行上次执行过的命令,输错命令是也不能移动光标进行修改,那么这在工作中是很不方便的.那这篇文档就是安装工具,使oracle能够支持清屏翻页及自由移动光标. 首先下载三个源码包 1)IO-Tty-1.07.tar.gz 2)Term-ReadLine-Gnu-1.16.tar.gz 3)uniread-1.01.tar.gz 2.安装 1)解压缩至本地 [[email protected] Des

ajax 显示评论并制作翻页

修改后台评论模型 创建search方法 //取出一件商品的评论 public function search($goodsId,$pageSize=5) { //要做ajax翻页 所以要自己写 $where['a.goods_id']=array('eq',$goodsId); //取出总的记录数 $count=$this->where($where)->count(); //计算总的页数 $pageCount=ceil($count / $pageSize); //获取当前页 $curren