公司有个项目前端主要是用jqGrid来做的,对于俺这新人且前端不熟的人而言,难度还是有点大,记录下本人在此次开发中所使用的属性或方法。

viewrecords:true,显示记录

rowNum:-1,设置可显示的行数当前返回最大值(例如:返回100条数据,界面可显示的数据为100,返回1000,界面可显示的数据为1000.适合用在未分页但是不可预测返回多少行的情况)

单击行之前触发的事件:beforeSelectRow

单机行时触发的事件:onSelectRow

设置多选:multiselect: true,

根据ID获取某一行数据:$("#gridList").jqGrid("getRowData", ID)

冻结列:在渲染列的时候(colModel里面)添加 Frozen:true;然后 jQuery("#gridList").jqGrid('setFrozenColumns');

重新执行url方法 传递参数(keyword):$("#gridList").jqGrid('setGridParam',{postData: { keyword: $("#txt_keyword").val() }}).trigger('reloadGrid');

从界面上移除某一行(没有修改数据库): $("#gridList").jqGrid("delRowData", id);

获取所有选中行ID:var ids = $('#gridList').jqGrid('getGridParam', 'selarrrow');

获取所有行ID:var ids = $('#gridList').jqGrid('getDataIDs');

设置行可编辑:

editable: true,

edittype: 'text',

editoptions: { size: 10, maxlength: 15 },
editrules: { required: true },
formoptions: { elmprefix: '(*)' }

上面是自带的行编辑

本人更喜欢这种行编辑方式:

{

name: 'Amount', width: 80, align: 'right',

formatter: function (value, options, rowObject)

{
value = value == null ? "0.00" : rowObject.Amount;
return "<input class=\"form-control \"  id=\"" + rowObject.ID + "Amount\"  οnkeyup=KeyUpAmount('" + rowObject.ID + "',this.id,this) value=\"" + value + "\"/>";
}

}

注意:提交表单的时候注意把input的value 取出来赋值给Amount,不然没法提交

格式化日期:

{

label: '销售日期', name: 'CreateDateTime', width: 160, align: 'left'
, formatter: "date", formatoptions: { srcformat: 'Y-m-d', newformat: 'Y-m-d' }
}

设置无数据时提示文字不显示:

unwritten: false

暂时能想到的就这么多了。。。。后续遇到再补

操作里面多个按钮,分别显示悬停文字   在格式化按钮的时候加入title属性,如:  "<i title=\"下载\"  class=\"fa fa-cloud-download\"></i>"

转载于:https://www.cnblogs.com/acdpp/p/6699380.html

jqgrid常用操作相关推荐

  1. jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)

    JqGrid相关操作备忘 方法列表 特别推荐:怎样获取某一方某一列的值: [html] view plaincopy var rowdata=jQuery("#list").jqG ...

  2. jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要) from:jpr1990

    JqGrid相关操作备忘 方法列表 1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(js ...

  3. TensorFlow常用操作:代码示例

    1,定义矩阵代码示例: import tensorflow as tftf.zeros([3,4]) #定义3行4列元素均为0的矩阵tensor=tf.constant([1,2,3,4])#定义一维 ...

  4. Ubuntu 常用操作

    Ubuntu常用操作 外观操作 修改应用icon图标 终端美化 内存管理 内存查询 分区管理 日志清理 操作执行 自动执行多条命令 外观操作 修改应用icon图标 在/usr/share/applic ...

  5. IOS沙盒Files目录说明和常用操作

    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launc ...

  6. 用Python轻松搞定Excel中的20个常用操作

    来源 |早起Python(ID: zaoqi-python) Excel与Python都是数据分析中常用的工具,本文将使用动态图(Excel)+代码(Python)的方式来演示这两种工具是如何实现数据 ...

  7. python和R对dataframe的常用操作的差异:head、tail、shape、dim、nrow、ncol、descirbe、summary、str

    python和R对dataframe的常用操作的差异:head.tail.shape.dim.nrow.ncol.descirbe.summary.str # python df.head() # R ...

  8. 【node】Sequelize常用操作、基本增删改查

    [node]Sequelize常用操作.基本增删改查 sequelize初始化 先初始化一个数据库实例 再初始化一个model实例 sequelize的数据类型 基本增删改查的写法 SELECT * ...

  9. JavaScript:对Object对象的一些常用操作总结

    JavaScript对Object对象的一些常用操作总结. 一.Object.assign() 1.可以用作对象的复制 var obj = { a: 1 }; var copy = Object.as ...

最新文章

  1. Kotlin------函数和代码注释
  2. MySQL中同一时候存在创建和上次更新时间戳字段解决方法浅析
  3. JVM资源分析工具jprofiler使用简介
  4. 从零开始学习docker(十)搭建WordPress+Mysql,为什么要用Docker Compose
  5. css background 一半_CSS小技巧
  6. 14010.xilinx-EMIO扩展SPI设备
  7. 管理oracle 11g RAC 常用命令
  8. 安卓最好的浏览器_今日软件 | AI一键抠图、隐私保护工具、全能下载器、安卓启动器、茄子快传、迅雷、批量字符替换、傲游浏览器、全局负一屏...
  9. 集合:在我的世界里,你就是唯一 - 零基础入门学习Python027
  10. mysql 创建外键语句,MySQL 创建主键,外键和复合主键的语句 | 很文博客
  11. java ITEXT实现PDF生成二维码和条形码
  12. 乔布斯其人的演讲技巧
  13. mac的python怎么打中文空格_中英文排版空格问题解决方案
  14. Virtualbox拓展包安装失败
  15. win10 的 PS 不能直接拖进文件的解决方法(附:与 Edge 登录的冲突)
  16. 【装机吧U盘装系统】
  17. idea工具和激活码获取
  18. 本命年,系上红腰带!
  19. python三维绘图工具包_Matplotlib Toolkits:三维绘图工具包matplotlib.mplot3d
  20. Midas Civil提供与Revit 的接口

热门文章

  1. 4.3---建立高度最小二叉树
  2. C语言实现小时候经常做的智力测试题
  3. System Center 2012与vCenter Operations 产品功能对比
  4. IT-标准化(中国)有限公司-网络拓朴图
  5. how to find your partner
  6. how can you save more space at home?
  7. pu learning的建模实践,半监督学习的好方法!
  8. Array.Resize(ref arry, size);
  9. 第4章:介绍python对象类型/4.1 python的核心数据类型/4.7 集合
  10. 最新的Java SE平台和JDK版本发布计划