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

举个栗子:点击grid1中的某行 例如张三,grid2中相应张三的数据就要排在第一行,游览器f12看了下,grid2中的store数据是array数组形式的,

然准备用array sort方法排序以下,然后grid2刷新一下完事(不走后台,就前段排序一下,然后刷新),

这其中涉及到array.sort()这个方法,

传送门:http://www.w3school.com.cn/js/jsref_sort.asp   入门的文章

代码:

复制代码
onClick: function () {
        var me = this,
            view = me.getView(),
            vm = me.getViewModel(),
            deptRecord = vm.get('deptyearclickRecord').data;
            deptName = deptRecord.DeptName; //grid1中点击某行的值
        var topview = this.getView().up("yearbudgetquery_budgetquery"),
            wardview = topview.down("yearbudgetquery_budgetward"); //grid2
        var arraySort = function (keyName) {
            return function (objectDept) {
                var value = objectDept.data[keyName];
                if (value === deptName) {
                    return -1;
                } else {
                    return 1;
                }
            };
        };
        wardview.getStore().data.items.sort(arraySort('DeptName'));
        debugger;
        wardview.getView().refresh(); //刷新
    }
复制代码

 

效果图:

当点击grid1中的

 

grid2中的眼科这个数据就排序grid2列表中的第一行

 

posted @   王先森001  阅读(834)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示