jgGrid常用操作--持续更新
最近有使用到jqGrid框架,有个需求是单击某个字段,比如name,然后把id带过去执行一个function,网上有说用线获取选中行,然后再得到id的方法,此方法经实验,必须要先选中才行,在用户没有进行选中,直接点击的情况下,并不能拿到id值,所以觉得可以在初始化表格的时候,就把这个属性给要点击的行附上,也就不需要先选中了:
1.首先是初始化表格:
$("#jqGrid").jqGrid({
url:"<%=request.getContextPath() %>/ajax/workshop/queryPrivateResourceWorkshopList",
mtype:"POST",
datatype:"json",
colModel:[
{label:"id",index:"wsid",name:"wsid",key:true,width:75,hidden:true},
{label:"店铺名称",index:"wsname",name:"wsname",width:100,align:'center',formatter:function(cellvalue,options,row){return "<a οnclick='linkbdworkshopinfo("+row.wsid+")'>"+cellvalue+"</a>"}},
{label:"所属区域",index:"areaname",name:"areaname",width:100,align:'center'},
{label:"店铺地址",index:"wsaddress",name:"wsaddress",width:100,align:'center'},
{label:"认领人",index:"realname",name:"realname",width:100,align:'center'},
],
viewrecords:true,
width:1080,
height:400,
rowNum:20,
pager:"#jqGridPager",
toolbar:[true,"top"],
加粗部分就是设置的方法,采用formatter,设置了点击事件,以及将id作为参数带到点击事件中,可成功达到效果
附加按钮方法:
如果需要对每一行添加按钮,比如查看,编辑或者删除等,可参考下面:
gridComplete:function(){
var ids=jQuery("#jqGrid").jqGrid('getDataIDs');
for(var i=0; i<ids.length; i++){
var id=ids[i];
var rowdata=jQuery("#jqGrid").jqGrid('getRowData',id);
var opt = "";
opt += "<input type='button' id='detail"+id+"' value='查看' οnclick='getdetail("+id+")'/> ";
opt += "<input type='button' id='detail"+id+"' value='修改' οnclick='updatedetail("+id+")'/> ";
opt += "<input type='button' id='del"+id+"' value='删除' οnclick='del("+id+")'/> ";
$("#jqGrid").jqGrid('setRowData',id,{options:opt});
}
隐藏表格中的某列:
jQuery("#usedcar_table").setGridParam().hideCol("ColName");
转载于:https://www.cnblogs.com/ichemmwangd/p/5009063.html
jgGrid常用操作--持续更新相关推荐
- java-List集合初始化的几种方式与一些常用操作-持续更新
目录 list集合初始化 map初始化 获取list集合中的最大最小值 list排序 list对象时间排序 treeMap 中(基于key的排序) TreeMap的按value排序 Map按value ...
- linux 查看工程用什么工具,工程师工具包-Linux常用命令及常用操作-持续更新中...
Linux系统命令相关 系统相关 date date 查看系统时间 $date 2017年 09月 18日 星期一 18:01:06 CST date -R查看系统时间,并且在时间后面加上时区的显示 ...
- Matlab常用代码---持续更新
Matlab中的一些常用代码---持续更新 1. 获取当前的工作目录路径:添加文件夹到工作路径 2. 获取某个.m文件的绝对路径 3. 使用随机颜色进行可视化 1. 获取当前的工作目录路径:添加文件夹 ...
- pytorch下Numpy,Torch,Spicy,NetworkX及其他基本数据类型相关操作(持续更新)
Tricks 1. torch.sparse.FloatTensor(position, value) 稀疏张量表示为一对稠密张量:一个值张量和一个二维指标张量(每一维中存储多个值).一个稀疏张量可以 ...
- peewee和peewee_async常用汇总(持续更新)
作者:Each+ Apollo 目录 文章目录 目录 一.Meta信息 1. database 2. table_name 3. table_function 4. indexes 5. primar ...
- javaScript常用语法(持续更新)
一.数据类型 1. 原始数据类型(8个) number, string, boolean, undefined, null, symbol, bigint, object 1.1 number包括以下 ...
- Ubuntu使用中的常用命令(持续更新~~~)
文章目录 软件端口占用 软件安装/卸载 更新软件包 卸载(移除)软件包 查看已安装软件 deb软件安装 bin软件安装 bundle软件安装 压缩包 tar tar.gz zip 图片 webp转换 ...
- android常用轮子(持续更新)
一.快速开发框架 XSnow 基于RxJava2+Retrofit2精心打造的Android基础框架,包含网络.上传.下载.缓存.事件总线.权限管理.数据库.图片加载,基本都是项目中必用功能,每个模块 ...
- AS常用插件-持续更新
之前的系列文章: AS主题+配置备份+Logcat颜色配置 AS插件-Android Drawable Importer AS插件-GsonFormat AS插件-android-selector-c ...
最新文章
- APUE(第四章)文件和目录
- 成功的九字真言(冯唐)
- K8S的 Custom Resource Definition(CRD)之初体验
- POJ - 1743 Musical Theme(二分+后缀数组+差分数组)
- Linux日志查找技巧
- 使用计算机管理文件教后反思,《管理计算机中的文件》教学反思
- 双11小米手机、AIoT销售成绩公布,雷军笑了
- SQL SERVER 2008的转置函数PIVOT
- 转 OUI and OPatch Do Not Recognize JDK/JRE on Windows
- C ++入门系列博客一 最初的起点 — Hello World
- C# --- WinForm基本知识与绘图(上)
- 1.MATLAB简要介绍
- PLC控制系统设计的基本原则和步骤
- QA_java BufferedReader.readLine_出现第一个字符无法读取的问题
- 老老实实准备一下java面试(java基础)
- Python爬虫QQ音乐数据采取,公开数据获取案例之一(1),腾讯Python开发面试记录
- crc16 c语言 非查表,CRC16CCITT(1021)的16字表长查表程序
- Python爬懂车帝的图片-代码
- Mathtype7.4 嵌入至 Office 365
- 本科生毕业论文设计-论文总体-论文格式-查重经历
热门文章
- 安排计算机网络技术专业去电子厂专业对口吗,计算机网络技术专业好点的学校有哪些?...
- windows java配置_菜鸟教程 windows 配置java的环境变量
- Java--transient
- 【java】调用System.gc()会发生什么?
- 95-862-040-源码-runtime-blob-BlobStore
- 1.1.0-简介-P12-分布式锁的解决方案(二)
- 【SpringCloud】Spring cloud Alibaba seata 分布式事务
- Spark报错:JDOFatalInternalException: Error creating transactional connection factory
- 【Flink】Flink 时间之 timerService().registerEventTimeTimer 主要做了什么
- 【Flink】Flink allowedLateness 与 watermark 的区别