extjs grid表格数据 默认排序 或者自定义排序

ExtJS的使用方法汇总(1)——配置和表格控件使用 ExtJS时一套AJAX控件,本人认为它是目前我见过最好最美的JS控件库,所以非常有学习和使用价值,如果你还没有接触过ExtJS或者压根对其不感兴趣,那么没有必要看下去了,ExtJS是一套完整的RIA解决方案,也因为功能完整造成了ext-all.js有400多k,由于是基于JS和CSS的功能实现,对客户端机器性能也有一定的要求,即不支持IE6以下的版本。如果您的项目对网页响应时间有严格的限制,或者 阅读详情

默认按某一列排序,在该表格的存储单元里配置

 sortable:true,
sorters:[{property:"CODEPOOL",direction:"ASC"}], //给定一个默认的排序方式          

ASC为升序 DESC为降序  如下

var store0 = new Ext.data.Store({
                autoLoad : true,
                root : 'pageResult',
                totalProperty : 'totalRecords',
                idProperty : 'userName',
//                remoteSort : true,
                pageSize : 20,
                //号码段,数量,局号,控制网元,业务状态,生命周期,保留状态,号码用途,区局
                //
                fields : ["CODEPOOL", "NUMBER", "CODEOWNER", "NODE",
                        "SERVICESTATUS", "LIFECYCLE", "RESERVERSTATUS","NUMUSE"],
                sortable:true,
                sorters:[{property:"CODEPOOL",direction:"ASC"}], //给定一个默认的排序方式          
                data : []
            });

 

支持自定义排序: sortable : true 如下  (页面点击列名可切换排序方式)

 

 

Extjs4 实用技术指南(一) --- Grid 在 Grid 使用 enter 实现在表格中焦点切换 Ext.grid.plugin.CellEditing.override( { onSpecialKey : function(ed, field, e) { var sm; if (e.getKey() === e.TAB || e.getKey() === e.ENTER) { e.stopEvent(); 阅读详情

相关推荐

Ext JS数据分组表格(Group feature Grid)的数据排序

本篇承接下面两篇对数据分组表格的数据排序进行介绍。

oscar999的专栏 696

ExtJS的grid排序

grid的排序分为2种: 1.内存排序,根据当前已有的数据进行排序,不予后台交互 2.后台排序,将排序的字段和排序方式,以字符串的形式传递到后台,后台接受到之后对数据进行一个排序返回。 注意:这2个排序都是基于store的。什么叫基于store呢,就是表格本来没有数据,是通过store来发送请求得到数据的。数据在store中,所以可以内存排序。那么后台排序,在点击排序后是让store发送请求

lvhao2813的博客 4856

ExtJS Grid后台分页实现详解

在 ExtJS 中,可以通过类来创建一个 Store 实例。以下是一个基础 Store 的定义:proxy: {reader: {});虽然提供了默认的分页功能,但在实际项目中往往需要根据需求进行功能扩展和行为定制,例如修改按钮行为、添加页码跳转输入框等。在默认的 Paging Toolbar 中,用户无法直接跳转到指定页码。我们可以通过添加一个输入框和按钮实现该功能。items: ['-',width: 60,emptyText: '页码'},text: '跳转',

weixin_42113456的博客 1021

Extjs Grid 排序

首先,需要给所有需要排序的字段设置属性sortable: true,参考示例代码: [code="javascript"] // create the grid var grid = new Ext.grid.GridPanel({ el:'grid-products', width:405, height:300, title:'Adventure Works Produc...

pythoner的专栏 531

解决Ext Grid中文排序问题

Grid实现中文排序的功能,重写Ext.data.Store的applySort函数

从零构建:Esp32+Esp-IDF驱动ST7789屏幕并集成LVGL图形库

本文详细介绍了如何从零开始使用Esp32和Esp-IDF驱动ST7789屏幕并集成LVGL图形库。内容涵盖环境准备、SPI驱动配置、屏幕初始化、LVGL图形库集成及常见问题排查,帮助开发者快速实现高效稳定的显示解决方案。

weixin_42657024的博客 524

Ext 自定义排序

Ext 自定义排序(重写排序方法)ext 列模型 设置sortable : true 属性后可使用ect封装的排序方法,对这列字段根据ASCII排序,工作中遇到需求,将某几行数据置顶显示(如置顶产品),并且始终置顶显示,不会被任何排序影响到。经过查询资料发现,重写Ext.data.Store.prototype.applySort = function(){} 可实现自定义排序 代码如下 Ex

Aseasonv的博客 1999

大连理工大学中文情感词汇本体库(含情绪分析代码)

中文文本数据的情绪计算昨天如何对微博推文进行情绪分析(细粒度情感分析)介绍了英文的NRC情绪词典。虽然支持中文,但由于制作问题,导致并不完全适应中文场景。今天介绍大连理工大学中文情感...

大邓和他的Python 4万+

Extjs4 grid的排序

grid支持两种排序方法 一种是前端排序,不请求后台本页面列字段进行排序,在grid的列中设置属性sortable: true, 第二种排序是后台排序,请求后台对整个数据进行排序,在store中设置属性remoteSort: true, 第一种排序代码:var grid = Ext.create('Ext.grid.Panel', { title: '任务计划管理列表', r

qq_26847293的博客 3362

PostGIS 小白入门详细指南

PostGIS 是 PostgreSQL 的一个扩展,它将 PostgreSQL 转变为一个功能强大的空间数据库,使其能够存储、查询和分析地理空间数据。PostGIS 遵循开放地理空间联盟(OGC)的标准,支持各种空间数据类型和操作,如点、线、多边形、缓冲区、空间连接等。存储各种空间数据类型(如几何类型和地理类型)空间索引,提高查询性能丰富的空间函数和操作支持投影和坐标系统转换城市规划与管理环境监测与分析物流与运输优化地图制作与可视化位置服务与导航。

落魄书生的职业学习生涯 1万+

QMT量化交易实战:如何用通达信预警数据自动买卖股票(附完整Python代码)

本文详细介绍了如何利用QMT平台结合通达信预警数据实现股票自动化交易,提供完整的Python代码实现。通过实时监控通达信预警板块文件,系统自动执行买卖操作,提升交易效率。文章涵盖系统架构设计、数据对接、信号处理、订单执行等核心模块,适合量化交易初学者和通达信用户参考实践。

weixin_29251567的博客 678

Extjs4 Grid表格按中文排序和按数字大小排序

按中文排序: Ext.data.Store.prototype.createComparator = function(sorters){ return function(r1, r2){ var s = sorters[0], f=s.property; var v1 = r1.data[f], v2 = r2.data[f]; ...

ssrswk9的博客 1104

STM32CubeMx + FatFs 实战:SD卡DMA传输中断回调问题深度解析

本文深度解析了在STM32CubeMx环境下,结合FatFs文件系统并使用DMA进行SD卡读写时,程序可能出现的“卡死”问题。核心原因在于HAL库的弱函数回调机制未被正确处理,导致DMA传输完成中断后,状态机锁死。文章提供了两种实战修复方案:直接修改HAL库文件或在用户代码中重写回调函数,并给出了关键的配置检查点与调试技巧,帮助开发者彻底解决SD卡DMA传输中断回调失效的难题。

weixin_29176179的博客 330

ExtJS初级教程之ExtJS Grid(一)

我们在很多网站都能看到表格的影子,而ExtJS Grid在页面表现上又非常强大,下面我们就创建我们的第一个表格。       在ExtJS中我们是通过Ext.grid.ColumnModel这个类来描述列属性的。下面我们建立一个ColumnModel对象。 var cm =

ituuz的专栏 9179

光储微电网混合储能系统的控制策略

随着社会生产力的不断提高,对不可再生资源的大量消耗,人们已经意识到发展可再生能源的重要性,因此微电网技术作为再生能源利用的有效形式被快速发展。蓄电池容量无限大是传统光储微电网混合储能系统控制策略一种理想形式,但实际上蓄电池的容量是有限度的,传统控制策略在蓄电池剩余电量达到阖值时将无法正常使用,由此提出了光储微电网混合储能系统的新型控制策略,又结合实际情况,对开关进行了改进,利用开关与二极管并联,使其拥有四种工作状态,当储能元件剩余电量达到阈值时,可自动恢复电量降低成本,提高并输出电池电能质量。

nhkg888的博客 1739

小白投资理财 - 解读威廉分形指标 Williams Fractals

威廉分形指标用于识别价格趋势中的关键点,帮助判断支撑位和阻力位。

wumingxiaoyao的博客 4338

extjs表格grid功能详解

/**  * EXTJS表格grid功能详解  *  * 1.在默认情况下,表格是可以拖放列,也可以改变列的宽度。  * 如果要禁用这两个功能,在定义表格对象时将enableColumnMove和enableColumnResize设置为false即可。  * 2.读取数据时的遮罩和提示,设置属性loadMask:true,在store.load()完成之前会一直显示“Loading…

工匠精神coding,终生学习 3006

时间加强控制图,累计和控制图详细介绍,公式,计算 UCL,LCL,CL, sigma,C#实现

\(k\):参考值(通常取为检测偏移量的一半,例如 \(k = \frac{\delta \sigma}{2}\),\(\delta\)是希望检测的偏移量,\(\sigma\)是过程标准差)。- 示例中假设目标均值 \(\mu_0 = 10.0\),标准差 \(\sigma = 0.5\),参考值 \(k = 0.25\)(检测1σ偏移),控制限常数 \(h = 4\)。例如,若希望检测1个标准差的偏移(\(\delta = 1\)),则 \(k = 0.5\sigma\)。

专注于前沿技术的探索与实践,热衷于从代码逻辑、架构设计到行业应用等多维度深挖技术本质。期待在技术之路上与你共同成长~ 814

ExtJS之 grid表格详解(很赞)

简单表格 排序,显示某列,读取本地数据 //本地数据              var datas = [              ['1', 'gao', 'man'], ['2', 'gao', 'man'], ['3', 'gao', 'man']                      ];              //创建面板              Ext

heitdf 1389

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

extjs重新激活grid_ExtJs中的Grid具体操作(笔记及心得)

一.基本操作步骤varcm=newExt.grid.ColumnModel([//对列的定义,cm是它的简写,作为真个表格的列模式,需要首先创建的{header:'编号',dataIndex:'id',sortable:true},//header是表的首部显示文本。dataIndex是列对应的记录集字段,sortable表示列是否可排序,可能还会用到的参数:renderer列的渲染函数,form...

weixin_39911998的博客 678

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

ExtJS5 - 用鼠标拖拽Grid行进行排序及选择

对Grid中的数据进行手动排序,以及在多个Grid之间相互移动行数据是比较常见的业务逻辑。利用Ext.grid.plugin.DragDrop类,可方便地实现这一效果。

般若 6795

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

extjs grid数据排序之array.sort()排序

举个栗子:点击grid1中的某行 例如张三,grid2中相应张三的数据就要排在第一行,游览器f12看了下,grid2中的store数据是array数组形式的, 然准备用array sort方法排序以下,然后grid2刷新一下完事(不走后台,就前段排序一下,然后刷新), 这其中涉及到array.sort()这个方法, 传送门:http://www.w3school.com.cn/js...

a6926521的博客 471

ExtJs 表格的实现

Ext Buttons Ext.onReady(function(){ var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(),//自动显示行号 sm,//复

落日小屋 1万+

EXTJS Grid 之ActionColumn

EXTJS Grid 之ActionColumn   分类: EXTJS4 在EXTJS的各个版本中,grid应该是我们最常用的组件之一,EXTJS的grid为我们提供了很强大的功能,相信,做过extjs的人都已经了解了该组件的强大之处。比如说:排序、过滤、编辑、等等。这节呢,咱们主要是对grid中的ActionColumn做一个说明。以便在大家用到的时候。便于查阅...

iteye_21103的博客 625

Extjs4.2 grid页面自定义布局 持久化 01

Extjs4.2 grid页面自定义布局 持久化声明以下是我理解的一些思路构思具体实现具体代码实现 声明 本文重点讲解持久化到服务端的思路,如果不用持久化到服务端也是可以借鉴思路的,一般也可以保存到本地cookie中; 本文主要讲解表格的隐藏、表格的宽度、是否排序、列顺序的持久化功能,包括:取消排序、保存布局、重置布局; 本人作为Extjs的初学者,对Extjs的熟悉度并不高,如有讲解...

abc_ABC123A的博客 700

extjs Ext.grid.Panel表格组件学习

⭐️来自很多年前的extjs笔记,只是一个归档,不做更新!⭐️

西京刀客 2911
上一篇: ORA-00907: missing right parenthesis
下一篇: Spring 源码剖析1——手把手教你使用gradle构建spring源码
我才是真的封不觉
博客等级 码龄8年 871粉丝 436原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我才是真的封不觉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值