jqgrid常用操作
公司有个项目前端主要是用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常用操作相关推荐
- jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)
JqGrid相关操作备忘 方法列表 特别推荐:怎样获取某一方某一列的值: [html] view plaincopy var rowdata=jQuery("#list").jqG ...
- jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要) from:jpr1990
JqGrid相关操作备忘 方法列表 1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(js ...
- TensorFlow常用操作:代码示例
1,定义矩阵代码示例: import tensorflow as tftf.zeros([3,4]) #定义3行4列元素均为0的矩阵tensor=tf.constant([1,2,3,4])#定义一维 ...
- Ubuntu 常用操作
Ubuntu常用操作 外观操作 修改应用icon图标 终端美化 内存管理 内存查询 分区管理 日志清理 操作执行 自动执行多条命令 外观操作 修改应用icon图标 在/usr/share/applic ...
- IOS沙盒Files目录说明和常用操作
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launc ...
- 用Python轻松搞定Excel中的20个常用操作
来源 |早起Python(ID: zaoqi-python) Excel与Python都是数据分析中常用的工具,本文将使用动态图(Excel)+代码(Python)的方式来演示这两种工具是如何实现数据 ...
- 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 ...
- 【node】Sequelize常用操作、基本增删改查
[node]Sequelize常用操作.基本增删改查 sequelize初始化 先初始化一个数据库实例 再初始化一个model实例 sequelize的数据类型 基本增删改查的写法 SELECT * ...
- JavaScript:对Object对象的一些常用操作总结
JavaScript对Object对象的一些常用操作总结. 一.Object.assign() 1.可以用作对象的复制 var obj = { a: 1 }; var copy = Object.as ...
最新文章
- Kotlin------函数和代码注释
- MySQL中同一时候存在创建和上次更新时间戳字段解决方法浅析
- JVM资源分析工具jprofiler使用简介
- 从零开始学习docker(十)搭建WordPress+Mysql,为什么要用Docker Compose
- css background 一半_CSS小技巧
- 14010.xilinx-EMIO扩展SPI设备
- 管理oracle 11g RAC 常用命令
- 安卓最好的浏览器_今日软件 | AI一键抠图、隐私保护工具、全能下载器、安卓启动器、茄子快传、迅雷、批量字符替换、傲游浏览器、全局负一屏...
- 集合:在我的世界里,你就是唯一 - 零基础入门学习Python027
- mysql 创建外键语句,MySQL 创建主键,外键和复合主键的语句 | 很文博客
- java ITEXT实现PDF生成二维码和条形码
- 乔布斯其人的演讲技巧
- mac的python怎么打中文空格_中英文排版空格问题解决方案
- Virtualbox拓展包安装失败
- win10 的 PS 不能直接拖进文件的解决方法(附:与 Edge 登录的冲突)
- 【装机吧U盘装系统】
- idea工具和激活码获取
- 本命年,系上红腰带!
- python三维绘图工具包_Matplotlib Toolkits:三维绘图工具包matplotlib.mplot3d
- Midas Civil提供与Revit 的接口
热门文章
- 4.3---建立高度最小二叉树
- C语言实现小时候经常做的智力测试题
- System Center 2012与vCenter Operations 产品功能对比
- IT-标准化(中国)有限公司-网络拓朴图
- how to find your partner
- how can you save more space at home?
- pu learning的建模实践,半监督学习的好方法!
- Array.Resize(ref arry, size);
- 第4章:介绍python对象类型/4.1 python的核心数据类型/4.7 集合
- 最新的Java SE平台和JDK版本发布计划