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 onclick='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='查看' onclick='getdetail("+id+")'/> ";
opt += "<input type='button' id='detail"+id+"' value='修改' onclick='updatedetail("+id+")'/> ";
opt += "<input type='button' id='del"+id+"' value='删除' onclick='del("+id+")'/> ";
$("#jqGrid").jqGrid('setRowData',id,{options:opt});
}
隐藏表格中的某列:
jQuery("#usedcar_table").setGridParam().hideCol("ColName");
jgGrid常用操作--持续更新的更多相关文章
- js 常用操作 -- 持续更新
替换数组中某一元素: array.splice(2, 1, '哈哈'); // 2 表示指定数组中2下标元素,1表示要删除的项数,哈哈 是替换后的值 在数组中某元素之前增加元素: array.spli ...
- iOS 常用三方(持续更新)
iOS 常用三方 1.ZWMSegmentController 分页控制器 https://github.com/weiming4219/ZWMSegmentController
- Linux常用命令——持续更新(2018-05-09)
此命令默认是在centos环境下执行,除非特殊标明. 1.查看ip: ifconfig 2.创建指定用户并分配到某个组:创建用户user并分配到root组 useradd -g root user 3 ...
- Appium无线连接安卓终端方法 + ADB Shell常用命令(持续更新)
ADB无线连接手机的方法1)手机与PC有线相连 - 检查是否连接正常: adb devices - 执行以下命令:adb tcpip 5555 # 当前9001 - 成功提示:restar ...
- Linux下常用命令(持续更新)
l: 列举目录下的所有文件 ll: 显示详细属性 pwd: 查看当前所在完整路径 cd: 变更文件夹(变更到根目录:cd + /:变更到上级目录:cd + ..) sudo: 允许利用超级用户权限执行 ...
- PHP的常用函数 持续更新
PHP的常用函数 前言: 由于害怕遗忘,故在此记录下常用的php函数,以便复习 1 define函数 作用:定义常量 用法 <?php define('a',100); ?> 2 intv ...
- Numpy 对于矩阵的操作持续更新
>>> import numpy as np >>> a = np.random.randint(10,size=(5,5)) >>> a arr ...
- Intellij 常用技巧-持续更新
1.快速输入 System.out.println(); sout [TAB] 2.删除Module ctrl+alt+shift+s 调出 Project Structure ,也可点击菜单Fil ...
- Linux常用命令(持续更新中)
cd 目录名 :进入某个目录 ls :列出当前目录的内容 locate 文件名/目录名:寻找文件.目录 find 目录名1 -name 文件名/目录名2 :在目录1中寻找目录2 whereis 文件 ...
随机推荐
- Kintex7 XC7K325T 板卡五兄弟
Kintex 7五兄弟 1. 基KC705E 增强版基于FMC接口的Xilinx Kintex-7 FPGA K7 XC7K325T PCIeX8 接口卡(136) 本板卡是Xilinx公司芯 ...
- TCP为什么会采用三次握手,若采用二次握手可以吗?
建立连接的过程是利用C/S(客户机/服务器)模式,假设A为客户端,B为服务器端. TCP是采用三次握手进行连接的,简要说明该过程: (1) A向B发送连接请求 (2) B对收的的A的报文段进行确认 ( ...
- mysql授予权限
grant show databases on *.* to 'asg'@'%'; grant select on *.* to 'asg'@'%'; grant show view on *.* t ...
- Sass-@if的使用
@if 指令是一个 SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之 false 返回另一个样式块.在 Sass 中除了 @if 之,还可以配合 @else ...
- Es学习第九课, 聚合查询和复合查询
ES除了实现前几课的基本查询,也可以实现类似关系型数据库的聚合查询,如平均值sum.最小值min.最大值max等等 我们就用上一课的数据作为参考来举例 聚合查询 sum聚合 sum是一个求累加值的聚合 ...
- DC/DCT/DCG 差别和联系
在dc家族系列中,DC_V,DC_E为根本的DC(Design Compiler)对象,具有dc所具有的根本fearture,DC在synopys对象系列中地位,无足轻重,也是业界应用最普遍的综合对象 ...
- jquery自带的排序方法(js也是)
jquery.sort() js.sort() <!DOCTYPE html> <html> <head> <meta charset=&qu ...
- I/O性能优化
原创转载请注明出处:https://www.cnblogs.com/agilestyle/p/11525014.html Linux 系统的 I/O 栈图 I/O性能指标 根据指标找工具 根据工具查指 ...
- pgrep,pidof工具的使用
博客pgrep,pidof工具的使用 最灵活:ps 选项 | 其它命令 按预定义的模式:pgreppgrep [options] pattern-u uid: effective user,生效者-U ...
- IO操作之ObjectInputStream与ObjectOutputStream
之前写过DataInputStream和DataOutputStream,使用这两个类可以对java基本数据类型进行序列化和反序列化. 本篇再来两个新东西:ObjectInputStream,Obje ...