最近有使用到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常用操作--持续更新的更多相关文章

  1. js 常用操作 -- 持续更新

    替换数组中某一元素: array.splice(2, 1, '哈哈'); // 2 表示指定数组中2下标元素,1表示要删除的项数,哈哈 是替换后的值 在数组中某元素之前增加元素: array.spli ...

  2. iOS 常用三方(持续更新)

    iOS 常用三方 1.ZWMSegmentController 分页控制器 https://github.com/weiming4219/ZWMSegmentController

  3. Linux常用命令——持续更新(2018-05-09)

    此命令默认是在centos环境下执行,除非特殊标明. 1.查看ip: ifconfig 2.创建指定用户并分配到某个组:创建用户user并分配到root组 useradd -g root user 3 ...

  4. Appium无线连接安卓终端方法 + ADB Shell常用命令(持续更新)

    ADB无线连接手机的方法1)手机与PC有线相连 - 检查是否连接正常: adb devices - 执行以下命令:adb tcpip 5555 # 当前9001       - 成功提示:restar ...

  5. Linux下常用命令(持续更新)

    l: 列举目录下的所有文件 ll: 显示详细属性 pwd: 查看当前所在完整路径 cd: 变更文件夹(变更到根目录:cd + /:变更到上级目录:cd + ..) sudo: 允许利用超级用户权限执行 ...

  6. PHP的常用函数 持续更新

    PHP的常用函数 前言: 由于害怕遗忘,故在此记录下常用的php函数,以便复习 1 define函数 作用:定义常量 用法 <?php define('a',100); ?> 2 intv ...

  7. Numpy 对于矩阵的操作持续更新

    >>> import numpy as np >>> a = np.random.randint(10,size=(5,5)) >>> a arr ...

  8. Intellij 常用技巧-持续更新

    1.快速输入 System.out.println(); sout [TAB] 2.删除Module ctrl+alt+shift+s 调出  Project Structure ,也可点击菜单Fil ...

  9. Linux常用命令(持续更新中)

    cd 目录名 :进入某个目录 ls :列出当前目录的内容 locate 文件名/目录名:寻找文件.目录 find 目录名1 -name 文件名/目录名2 :在目录1中寻找目录2 whereis  文件 ...

随机推荐

  1. Linux防火墙--iptables--白名单配置

    1.服务器22端口和1521端口开通给指定IP [root@node2 sysconfig]# iptables -t filter -nL INPUT Chain INPUT (policy ACC ...

  2. BZOJ 2141 排队 (CDQ分治)

    [BZOJ2141]排队 这道题和动态逆序对比较像(BZOJ-3295 没做过的同学建议先做这题),只是删除操作变成了交换.解法:交换操作可以变成删除加插入操作,那么这题就变成了 (时间,位置,值)的 ...

  3. Codeforces 722E 组合数学 DP

    题意:有一个n * m的棋盘,你初始在点(1, 1),你需要去点(n, m).你初始有s分,在这个棋盘上有k个点,经过一次这个点分数就会变为s / 2(向上取整),问从起点到终点的分数的数学期望是多少 ...

  4. sass-RGB颜色函数-RGBA()函数

    rgba() 函数主要用来将一个颜色根据透明度转换成 rgba 颜色. 其语法有两种格式: rgba($red,$green,$blue,$alpha) //将一个rgba颜色转译出来,和未转译的值一 ...

  5. ConcurrentSkipListMap--跳表的简单使用

    import java.util.Map; import java.util.concurrent.ConcurrentSkipListMap; /** * 跳表的使用 */ public class ...

  6. c++使用boost库遍历文件夹

    1.只在当前目录下遍历 #include <boost/filesystem.hpp> string targetPath="/home/test/target"; b ...

  7. 2019 GNTC 阿里云参会分享:云原生SDWAN网络2.0 一站式上云服务

    本次10/22-24 南京2019 GNTC大会上,阿里云网络云原生SDWAN网络2.0 由于独特的云原生定位.创新的解决方案,及成熟的应用案例.行业用户,获得行业媒体C114中国通信网.产业专家高度 ...

  8. SQL Server 数据库使用备份还原造成的孤立用户和对象名‘xxx’无效的错误的解决办法

    SQL Server 数据库使用备份还原造成的孤立用户和对象名‘xxx’无效的错误的解决办法 在使用数据库的过程中,经常会遇到数据库迁移或者数据迁移的问题,或者有突然的数据库损坏,这时需要从数据库的备 ...

  9. Python3解leetcode Maximum SubarrayHouse Robber

    问题描述: You are a professional robber planning to rob houses along a street. Each house has a certain ...

  10. 4412 make menuconfig和make

    一.Menuconfig的操作 • Linux编译器通过.config文件确认哪些代码编译进内核,哪些被裁减掉• menuconfig是生成.config的一个工具• 在Linux发展过程中,配置内核 ...