`
JavaSam
  • 浏览: 954860 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

2012-04-05 16:07 Ext列表展现--普通排序sortable--全局排序remoteSort(EXTJS 全局排序问题)

 
阅读更多

 关于Ext的排序问题,一般涉及到两种方式。

A。一种是默认的客户端排序机制,对当前页进行排序。sortable

   这种排序模式不用多说,是人都会:

     1.可以在Ext.grid.ColumnModel列模式中,设置sortable:false,此列为可排序。

      var cm = new Ext.grid.ColumnModel([//定义列显示模式
         {id: "name",header: "部门名称",dataIndex: 'name',width: 50, sortable:false},           

      ]);

     2.总体设置Ext.grid.ColumnModel的所有列的默认排序方式。

       cm.defaultSortable = true;//默认列全部可排序     

       cm.setDefaultSort('name', 'DESC');也可如:按名字倒序

B。进行服务器端全局排序方式。remoteSort

   这种排序方式,大家都知道,但是不一定能用好,需要一下几个步骤,少一个都不行。

   1.数据集Ext.data.Store中设置参数:remoteSort: true

   2.列模式Ext.grid.ColumnModel中需要进行全局排序的列中加入参数:remoteSort: true

   3.后台组合数据集的方法中,

    通过:String sort= request.getParameter("sort");//要排序的列名--无需定义,ext自动后传
          String dir= request.getParameter("dir");//要排序的方式--无需定义,ext自动后传

    取数据集的时候,把这两个参数加进去,就爽了。

这时候到前台试试,看看是不是就可以进行全局排序了。

分享到:
评论

相关推荐

    EXTGrid属性方法

    `Ext.grid.GridPanel`是ExtJS 4.0中的一个关键组件,用于创建数据表格。以下为该组件的一些核心属性及其含义: - **store**: 数据存储器,用于存放表格的数据源。 - **columns**: 列配置模型,可以通过配置来定义每...

    react-native-sortable-list:React Native可排序列表组件

    可排序列表视图,用于本机内容演示版安装npm i react-native-sortable-list --save例子API道具数据(对象)数据源订购? (数组)来自数据的键数组,来自数组的键顺序将用于初始行顺序风格? (对象,数组) ...

    Extjs grid 中文排序问题修正

    在EXTJS开发中,我们经常会遇到使用Grid组件展示数据的情况,特别是当数据包含中文字符时,可能会遇到排序问题。EXTJS Grid默认的排序机制对于英文字符处理得较好,但对于中文字符,由于编码和比较规则的不同,可能...

    jquery easyUI datagrit详细说明

    jQuery EasyUI 的 DataGrid 是一个强大的数据展示组件,它基于 jQuery 和 EasyUI 框架构建,用于在网页上创建可交互、可排序、可分页的数据表格。DataGrid 继承了 $.fn.panel.defaults,并且通过 $.fn.datagrid....

    jqGrid表格插件

    jqGrid是一款基于jQuery的强大数据网格插件,它提供了丰富的功能,如数据绑定、排序、分页、搜索等,非常适合用于展示大量的数据信息。本文主要围绕jqGrid的核心配置参数展开讨论,并通过具体的示例帮助读者更好地...

    Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序

    在网上找的(vue3+sortable.js根本跑不起来)网上好多例子在vue3下根据跑不起来于是,也没有对表格排序的例子。Vuedraggable 是基于并提供Sortable.js的所有功能。重用现有element-plus组件库。对于小白来说怎么在...

    Js排序插件Sortable

    通过阅读`Sortable-master`中的源码,可以深入理解其工作原理,为自定义功能或优化性能提供参考。 总之,Sortable 是一个强大且灵活的JavaScript排序工具,它简化了拖放排序的实现,为开发者提供了丰富的功能和高度...

    FlexiGrid使用教程

    - **sortable**: 是否可排序。 - **align**: 文本对齐方式(左对齐:'left';右对齐:'right';居中:'center')。 - **process**: 数据格式化处理函数,用于显示时转换数据。 - **processEditor**: 编辑器数据...

    extjs grid示例代码

    ExtJS Grid是Sencha ExtJS框架中的一个核心组件,它用于构建数据驱动的表格视图。Grid组件在Web应用中广泛使用,因为它提供了强大的数据展示、排序、分页、筛选和编辑功能。以下是对`ExtJS Grid`示例代码的详细解析...

    GridPanel属性详解

    `Ext.grid.GridPanel` 是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。接下来,我们将详细探讨`Ext.grid.GridPanel`的一些关键属性。 #### ...

    laravel-admin-listbox-sortable:ListboxSortable是基于Laravel-admin表单组件的扩展,实现了listbox的拖拽排序功能

    ListboxSortable for Laravel-admin 1.6+ListboxSortable是基于Laravel-admin表单组件的扩展,实现了listbox的拖拽排序功能。RequireLaravel-admin >= 1.6Installation运行下面的命令安装:"composer require ckhan/...

    rutorika-sortable, 向 Laravel Eloquent模型添加可以排序的行为 演示 http.zip

    rutorika-sortable, 向 Laravel Eloquent模型添加可以排序的行为 演示 http Laravel 5---演示http://sortable5.boxfrommars.ru/http://sortable5.boxfrommars.ru/grouped ( 可以排序的组演示)http

    金蝶shr视图配置属性说明

    #### 16. `ctrl="textArea" colspan="2" rows="1"` - **用途**:设置字段为大文本框,并占据两列空间。 - **示例**: ```xml ``` #### 17. `formatoptions="{dateFormat:‘yy-mm-dd'}"` - **用途**:设置日期...

    ALV常用参数的详细描述[参考].pdf

    此外,`SORT`数据类型的`sortable[]`表用于定义排序规则,`Sortable-fieldname`指定了要排序的字段,`Up`和`Down`分别表示升序和降序排列。还可以添加子排序规则,以实现更复杂的排序逻辑。 通过灵活调整这些参数,...

    前端项目-react-sortable-hoc.zip

    本文将深入探讨一个名为"react-sortable-hoc"的开源库,它专门用于创建可排序、触摸友好的动画列表,极大地提升了用户界面的交互体验。 "react-sortable-hoc"是一个专为React设计的高阶组件库,它的主要目标是帮助...

    Laravel开发-sortable

    在Laravel框架中,"sortable"是一个非常实用的工具,用于处理数据表列的排序功能。这个包使得开发者能够方便地实现对数据库记录的动态排序,提升用户体验,并且简化了后端代码的编写。让我们深入了解一下这个包的...

    jqueryeasyui中文培训

    - **Column参数**:每列可以有独立的配置项,如`field`定义列字段名,`sortable`控制是否可排序。 - **事件**:如`onSortColumn`,当用户点击列头排序时触发。 - **方法**:提供了如`datagrid('loadData', data)`来...

    react-sortable-hoc-article-app:React App展示如何实现拖放功能

    `react-sortable-hoc`是一个高阶组件(HOC),它为React组件提供了可排序的能力,使得我们可以轻松地创建交互式、可拖动的列表。以下是关于这个主题的详细讲解。 首先,`React`是一个流行的JavaScript库,用于构建...

    Sortable.zip

    6. **嵌套排序**:Sortable.js 支持嵌套列表的排序,这意味着一个可排序的列表可以包含其他可排序的子列表。 7. **拖放效果**:可以自定义拖放过程中的视觉效果,如拖放元素的透明度、放置指示器等。 8. **与框架...

    jQuery-UI-插件-使用说明+官方插件js包+jQuery及UI官方英文原版API手册_IT168文库

    - **ui.sortable.js**:实现元素排序。 - **ui.selectable.js**:实现元素的选择。 - **ui.resizable.js**:实现元素的大小调整。 #### 三、具体功能介绍 ##### 1. 鼠标交互 - **拖拽 (Draggables)** - **所...

Global site tag (gtag.js) - Google Analytics