- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 4.2 EXT ,并且我必须使用 sortchange 监听器来处理列排序,因为我的一些列通过渲染显示值。
所以我必须在 sortchange 中处理排序,当我单击标题中菜单上的排序图标(ASC/DESC)时,它工作得很好,但是当我单击标题进行排序时,排序方向总是显示“ASC”时间。
我想要的就是点击排序图标,点击标题就可以正常排序
我检查了我的代码,我没有使用“ASC”值设置任何默认排序。
我用fiddle做了一个例子,请访问她
点击here !
我发现如果我删除 grid.store.sort({ sorterFn : 排序日期, 方向: dir });将显示正确的方向,但我必须使用此方法进行排序
var panel = Ext.create('Ext.grid.Panel', {
id : "Panel",
store : Ext.create('Ext.data.ArrayStore', {
fields : fnDefineReqListData()
}),
columns : fnDefineReqListColumn()
scroll : true,
layout : 'fit',
autoScroll : true,
viewConfig : {
stripeRows : false
},
disableSelection : true,
listeners : {
sortchange : function(thisGrid, sortinfo) {
var grid = Ext.getCmp("Panel");
/*
* grid.store.sort(storeSorter); return;
*/
var sorter = grid.store.sorters.getAt(0);
var sort = sorter.property;
var dir = sorter.direction;
**// sorter.direction here always return ASC**
grid.store.sort({
sorterFn : sortingDate,
direction : dir
});
}
});
最佳答案
手动排序时,您应该保留方向并切换它。它将解决该问题。
对于示例 fiddle ,我使用了 sessionStorage
,如果您愿意,可以使用配置来存储方向并切换它。
sessionStorage.sortState = sessionStorage.sortState === 'ASC' ? 'DESC' : 'ASC';
grid.store.sort({
sorterFn : sorting,
direction : sessionStorage.sortState
});
您可以找到工作 fiddle here
关于javascript - 如何改变EXT的sortchange中的排序方向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58003340/
要求 每次对网格数据进行排序 - 在执行事件之前我想更改存储 extraParams使用新排序属性的值。就像如果我在 DESC 方向对列名称进行排序 - 在事件之前是 已执行 我想覆盖 extraPa
我想捕获网格列中发生的排序更改并更新网格中的 bool 值。我在这个 Sencha Fiddle 中尝试了以下代码. 但是当我单击列标题进行排序时,内容已排序,但没有触发 sortchange 事件监
我这里有一个非常基本的例子: https://stackblitz.com/edit/angular-ag-grid-angular-cwvpic?file=app/my-grid-applicati
我是一名优秀的程序员,十分优秀!