jqgrid local 加载数据按照某个字段进行升序和降序排序

最新推荐文章于 2023-02-28 16:17:22 发布
最新推荐文章于 2023-02-28 16:17:22 发布
阅读量5.1k 收藏 1
点赞数
分类专栏： web前端开发 文章标签： jqgrid  datatype:local jqgrid 排序 jqgrid升序排 jqgrid sortname
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bossxu_/article/details/80591763
版权

jqgrid datatype:’local’ 加载本地数据 按照指定的字段名进行排序,通过jqgrid内置的三个属性进行排序

sortname: ‘fca09’, //要排序的字段 //默认表格加载时根据fca09列排序
sortorder: ‘asc’, //默认的排序方式,跟数据库的asc,desc一样 asc 降序 desc 升序
sortable:true //sortable并不是加在colModel中。
  • [ ] 加之前排序

这里写图片描述

  • [ ] 加之后排序

这里写图片描述
这里写图片描述

bossxu_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery插件jqGrid动态获取列和列字段的方法
12-03
本文实例讲述了jQuery插件jqGrid动态获取列和列字段的方法。分享给大家供大家参考，具体如下： 1、问题背景 jqGrid表格插件，利用自身方法获取表格的表头和表格字段；获取列名和列字段名显示在弹窗里，用复选框进行勾选 2、实现源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jqGrid动态获取列和列字段</title> <link rel="stylesheet" href="css/ui.jqgrid.css" rel="external nofollow" />
给jqGrid数据行添加修改和删除操作链接（之一）
01-19
我这里用的不是jqGrid的自带的编辑和删除操作，我已经把分页导航栏下的编辑，删除，搜索都取消掉了,就是这句$(“#list1”).navGrid(“#pager1”,{edit:false,del:false, search:false}), 然后在数据加载完成后，给每行添加了 修改和删除链接 jqGrid完成的事件是gridComplete:function(){}（可以理解为数据都准备好了）, 因为从数据库获取到的json数据没有带修改和删除两项,所以在之后的处理就是，在gridComplete事件中循环为每一行添加这两个链接，并且都给他们加上了onclick事件。先看截图： 修改的操作
jqgrid加载本地数据分页Demo
07-11
jqgrid加载本地数据并且分页例子
jqgrid加载本地数据并且分页例子
01-16
jqgrid加载本地数据并且分页例子，下载直接搭环境使用
【JqGrid】JqGrid前端分页+排序+查询条件
每一名出色的架构师，必定是一位优秀程序员
11-30 1万+
jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。 页面代码如下： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getCont
jqgrid 数字排序的问题
mclt2017的博客
03-09 559
如 金额，库存等字段，排序时需要按照数字的大小进行排序 jqgrid排序默认是以String类型做排序的，所以 金额，库存 等 这样的字段，排序就不好使了 解决办法：设置 sorttype属性，可以为 float，或者 Integer 为什么要用这个框架，网上资料都好少，吐槽一下 ...
jqGrid 常用方法
weixin_30484739的博客
03-09 714
方法名 参数 返回值 说明 addJSONData data none 使用传来的data数据填充表格。使用方法：var mygrid = jQuery(”#”+grid_id)[0]; var myjsongrid = eval(”(”+jsonresponse.responseText+”)”); mygrid.addJSONData(myjsongr...
jqgrid客户端排序
xuan_0602的专栏
05-10 8830
jqgrid的客户端排序只需要在colModel的related column中把sortable设为true，把option loadonce设为true。启用客户端排序后，jqgrid将会把本页的所有数据download到local，值得注意的是，download的数据只是colModel中包含的数据，colModel中不包含的数据jqgrid会丢掉。 可以通过rowObject这个对象来验
jqGrid的客户端排序问题
叉排骨的专栏
03-01 5704
我一直有越来越jqGrid的排序问题。我想最好这样做排序在客户端端上，但我还愿意到数据库的新调用来获取排序的结果也是如此。 我可以单击列标题和排序箭头改变方向，但是数据不会改变的。 我看过了这个问题，但是调用reloadGrid似乎没有帮助。 我的整个网格如下： var x = $("#grid").jqGrid({ jsonReader: { root: "rows", repeatitem
jqGrid的属性列表
weixin_33779515的博客
12-16 279
为什么80%的码农都做不了架构师？>>> ...
JqGrid 使用方法详解 一
weixin_71588037的博客
08-30 4534
JqGrid 使用方法详解 一
jqgrid使用步骤及说明
lbxhappy的专栏
05-17 391
                                      jqgrid使用说明   jqGrid 是一个用来显示网格数据的jQuery插件，可以动态的对数据网格的数据进行添加、删除、修改、查询、排序、拖拽等操作，数据源可以是json、xml   官网下载地址：http://www.trirand.com/blog/?page_id=6 官网文档：http://ww...
jqGrid基本语法及使用
汉堡请不要欺负面条
08-03 1403
一.介绍 (1).介绍 首先对Jqgrid网格插件做个简要的说明。在众多的表格插件中，Jqgrid的特点是非常鲜明的。     特点如下:     1.完整的表格呈现与运算功能，包含换页、栏位排序、grouping、新增、修改及删除资料等功能。     2.自定义的工具列。     3.预设的Navigator工具列，可以很容易的使用新增、删除、编辑、检视及搜寻等功能。     4.完整的分页...
数据应用流水线-数据应用
loki的博客
09-29 863
软件系统主要包括：算法与数据。 一切的根源都来源于数据，抛开业务流程，软件全生命周期只考虑一件事--数据存储于应用。 上图就是一个数据应用的全流程结构图。 数据源：代表着底层的数据存储。 数据接入：数据总线，支持对底层各类数据源的读写。 数据计算：支持数据的分布式批量加工计算。 数据服务：支持对数据加工后的数据提供API接口服务。 数据消费：实现数据的应用。 ...
element-ui 中的表格设置正确的排序以及怎么设置默认排序
mo_gui_jun的博客
02-28 8633
element-ui 中的表格设置正确的排序以及怎么设置默认排序
jqGrid一次加载显示多张表（加载local数据）
Arrome的博客
12-06 1676
1、html样式 <div id="divGrid2" style="padding-top: 10px;"> <table id="grid_table2"></table> </div
1.ElementUI中table的sortable使用
ME_GIRL的博客
07-18 5765
ElementUI中table的sortable使用 ElementUI-table 业务分析 将相对应的字段进行升序或者降序，在后台管理系统中，后端返回的指定的页面的数据，所有后端将排序做好，前端传：排序字段和排序方法
jqgrid datatype为local时 reloadGrid数据排序 耗时性能慢问题解决
chuangxin的专栏
12-03 2560
jqgrid是一个比较好的开源表格编辑工具，最近在使用时碰到一个问题，通过调用jqGrid().trigger(‘reloadGrid’)实现数据排序时，出现页面卡顿，响应慢问题，后来使用jqery Dom操作将需要排序的表格行tr移到tbody最后实现。
jqGrid之重新加载数据
热门推荐
二到家的小熊的博客
10-27 3万+
近来工作市场用到jqgrid这个插件，主要用于呈现表格的功能，有些心得做一小结。 首先要引入 jquery.jqGrid.min.js 文件 HTML结构部分很简单：<table id="jqGrid_ds_left"></table> <div id="jqGridPager"></div>其次就是必须的配置信息了：//这里给出一个模板数据 dgDataLeft =[ {dataTy
jqgrid 加载本地数据
最新发布
06-06
要在 jqGrid 中加载本地数据，你可以使用 `datatype: "local"` 选项。下面是一个简单的示例： ```javascript $(function() { var myData = [ { id: 1, name: "John Doe", age: 30 }, { id: 2, name: "Jane Smith", age: 25 }, { id: 3, name: "Bob Johnson", age: 40 } ]; $("#myGrid").jqGrid({ data: myData, datatype: "local", colModel: [ { name: "id", label: "ID", width: 50 }, { name: "name", label: "Name", width: 150 }, { name: "age", label: "Age", width: 50 } ], height: "auto", pager: true }); }); ``` 在这个示例中，我们声明了一个名为 `myData` 的本地数据数组，并将其传递给 jqGrid 的 `data` 选项。我们还设置了 `datatype: "local"` 选项来告诉 jqGrid 我们要加载本地数据。最后，我们定义了列模型和其他选项来配置 jqGrid 的外观和行为。 注意：本地数据必须是一个数组格式，并且每个对象必须包含一个 `id` 属性，用于标识每个行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值