jqgrid 插件的使用
首先设定table的id和分页
<div id=”gridList”></div> //table名称
<div id=”page”></div> //table分页
1.获取某一行的某个值
var RptID = $("#gridList").jqGridRowValue().RptID;
2.多选删除
获取到所有列表
var aa = $('#gridList').jqGrid('getGridParam', 'selarrrow');
RptIDs = aa.join(",");
删除操作多个:
$("#gridList").jqGrid('delRowData', RptIDs);
3.删除单个
var keyValue = $("#gridList").jqGridRowValue().GeneID;
4.分页操作
onPaging: function (pageBtn) {
var records = $("# gridList ").getGridParam('records');//获取返回的记录数
var page= $("# gridList ").getGridParam('page');//获取返回的当前页
var rowNum = $("# gridList ").getGridParam('rowNum'); //获取显示配置记录数量
var total = Math.ceil(records / rowNum); //
$("#gridList ").getGridParam('total');//获取总页数
var newurl = "/******?pageIndex=";
if (pageBtn === "next" && page < total) {
page = parseInt(page) + 1; $gridList.jqGrid("setGridParam", { url: newurl + page });
}
if (pageBtn === "prev" && page > 1) {
page = parseInt(page) - 1;
$gridList.jqGrid("setGridParam", { url: newurl + page });
}
if (pageBtn === "last") {
page = total;
$gridList.jqGrid("setGridParam", { url: newurl + page });
}
if (pageBtn === "first") {
page = 1;
$gridList.jqGrid("setGridParam", { url: newurl + page });
}
}
5.搜索操作
$("#drugName").on("input propertychange", function () { //#drugName是input的id
$gridList.jqGrid('setGridParam', {
postData: { drugName: $("#drugName").val() } //drugName 是后台接口的搜索参数
}).trigger('reloadGrid');
})
6.选中某行进行操作
onSelectRow: function (rowid, status) { //onSelectRow 当选择行时触发此事件。rowid:当前行id;status:选择状态,当multiselect 为true时此参数才可用
var rowData = $("#gridListDrug").jqGrid('getRowData', rowid); //获取到该行的id
var DrugName_CN = rowData.DrugName_CN; //得到自己所需要的值
if (DrugName_CN == "") {
$.modalAlert('这是提示语', 'error');
//$("#gridListDrug").jqGrid('resetSelection'); //取消掉所有选中操作,提示,是所有操作
$("#gridListDrug").setSelection(rowid, false); //取消掉该行选择
return;
}
},
7.加载完成时,进行操作,这个功能是选择完,记住自己的选择,仍然是选中状态
keyT是数组值
var item_selected = $.request("keyT").split(',');
gridComplete: function () { //当表格所有数据都加载完成而且其他的处理也都完成时触发此事件,排序,翻页同样也会触发此事件
var _this = this;
if (item_selected.length > 0) {
for (var i = 0; i < item_selected.length; i++) {
$(_this).jqGrid('setSelection', item_selected[i]);
}
}
},
8.更新当前窗口 $.currentWindow().$("#gridList").resetSelection();
$.currentWindow().$("#gridList").trigger("reloadGrid");
9.中文排序方法
//中文排序
function sortChinese(obj) { // 参数: 排序的数组
obj.sort(function (item1, item2) {
return item1.localeCompare(item2, 'zh-CN');
})
}
调用方法:sortChinese(myArraySort);
//myArraySort 是数组
jqgrid 插件的使用的更多相关文章
- jqGrid插件的重载表格的解决方案
jqGrid插件的重载表格的解决方案 $("#table_list_1").empty();// 清空表格内容 var parent=$("#gbox_table_lis ...
- js插件---jqGrid插件如何使用
js插件---jqGrid插件如何使用 一.总结 一句话总结:jqdrid还是依赖加js初始化的方式,很多时候插件的问题一般都是引入的css和js的问题,jqgrid里面遇到的问题就是下载包有一些js ...
- jqGrid插件getCol方法的一个改进
jgGrid插件是非常常用的一个基于jQuery的表格插件,功能非常强大.我最近也频繁使用.但是这个插件也有一些不够完善的地方.比如这个getCol方法. getCol方法接受三个参数 colname ...
- 后台CRUD管理jqGrid 插件下载、使用、demo演示
jqGrid:demo?version=5.2.1download src: http://www.trirand.com/blog/ github:https://github.com/tonyto ...
- [译]MVC网站教程(四):MVC4网站中集成jqGrid表格插件(系列完结)
目录 1. 介绍 2. 软件环境 3. 在运行示例代码之前(源代码 + 示例登陆帐号) 4. jqGrid和AJAX 5. GridSettings 6. ...
- jqGrid使用setColProp方法动态改变列属性
在使用jqGrid插件时,有时我们需要动态改变列的属性,可使用setColProp方法,用法如下 jQuery(”#grid_id”).setColProp('colname',{editoption ...
- 在ump系统的那半个多月-jqGrid
2012.04统一监控平台项目打酱油的日子 系统介绍: 目标,致力于服务于公司内部的所有系统,对所有接入监控的系统进行监控,包括系统监控,URL存活监控,端口存活监控,方法监控等. 作为打酱油的我,没 ...
- jqgrid使用简单记录
我要为id为jqGrid的table使用jqgrid插件. $("#jqGrid").jqGrid({ url: 'data/test.json', mtype: "GE ...
- 我和小美的撸码日记(2)之第一个基于MVC+Jqgrid的列表页面
一.前言 “尼玛哥,上周你教我改了下OA系统UI,黄总看了很满意呀.” “不错不错,看来小美进步很大,可以提前结束试用期,到时候加工资别忘了请我吃饭呀!” “尼玛哥,你有女朋友了吗?” “ ...
随机推荐
- Lua“控制”C
[前言] Lua语言本身是一个功能非常有限,而比较单调的语言,而且标准库也非常的平庸,它的NB之处就在于,它能和C.C++等高级语言完美“私通”.我们可以使用C.C++语言去给Lua写一个完美的库,让 ...
- docker简单介绍---网络端口管理
一.查看docker支持的网络类型 docker network ls bridge:容器使用虚拟交换机的进行通信 host:使用宿主机的网络 none:只给容器分配一个lo的网卡,无法和外界进行通信 ...
- 绝对定位下margin的作用
以前一直对绝对定位下的margin作用很模糊,今天细看一下 不使用top,left,margin等 <!DOCTYPE html> <html lang="en" ...
- day13-迭代器及生成器
iterable:可迭代的:iterator:迭代器: print(dir([ ])) #打印出列表所拥有的所有方法: 可迭代协议:只要含有__iter__方法的都是可迭代的. 迭代器协议:含有__ ...
- Python运算符——复合运算符
就相当于算数运算符的后面加一个“=” 例:+= num = num+5 可以写成 num += 5 就是说,等式右边含有左边的变量名,就可以直接去掉,然后右边的符号移到左边去 同样的“-= / ...
- Maven中pom.xml文件的配置
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/20 ...
- Doctrine2-完整创建数据库
---恢复内容开始--- 下面用Doctrine2设置配置一个数据库,具体分为以下步骤 1.设计主要字段和表 2.配置symfony2和数据库的连接 3.配置Entity,定义类 4.实现get/se ...
- 网络编程-Python高级语法-GIL全局解释器锁
知识点:GIL全局解释器锁其实和Python没有任何关系,是由于当初编写Python解释器时留下的,它只对多线程有影响,GIL保证同一时刻只有一个线程在运行,即使是多核配置电脑,同一时刻也只会让一个线 ...
- Terraria(泰拉瑞亚)存档覆盖(Linux)
这是一篇关于游戏的不正经博客 ~ 游戏介绍: <泰拉瑞亚>是由Re-Logic公司开发的一款高自由度的沙盒游戏,于2011年5月16日在PC上发行. 玩家可以在游戏中做很多事情:制造武器战 ...
- 命令行编译C程序
1 准备工作 下载mingw-get-setup.exe并且安装 参考 http://www.jb51.net/softjc/159871.html 环境变量更新: PATH .;C:\MinGW\ ...