![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jqGrid
伊佐奈美須八尾
这个作者很懒,什么都没留下…
展开
-
jqGrid参数-----colModel的设置
name属性是唯一需要配置。colModel配置可以读写通过getColProp和setColProp方法。配置项 类型 描述 默认值 align string 定义单元格中内容对齐方式,可用值: left, center, right. left cellattr function 这个方法在创建单元格内容的时候给单元格添加附加到属性...原创 2018-08-21 11:14:38 · 7058 阅读 · 0 评论 -
jqGrid----关于jqGrid的getRowData方法(得到jqGrid行数据)
getRowData rowid or none array[] 返回指定行的数据,返回数据类型为name:value,name为colModel中的名称,value为所在行的列的值,如果根据rowid找不到则返回空。在编辑模式下不能用此方法来获取数据,它得到的并不是编辑后的值 $('#gridId').jqGrid('getRowData'); ...原创 2018-11-28 00:48:51 · 16063 阅读 · 2 评论 -
jqGrid----自定义jqGrid的rowid(colModel的key参数)
key boolean 如果从服务器获取的数据部包含id,可以通过此配置指定唯一id列。只有一列能指定此属性,如果多列配置了这个属性,第一个配置的生效,后续会被忽略。 false 1.创建jQgrid时,如果没有特别定义grid的rowid时,此时rowid会根据每次加载的数据的数据条数发生变化。例如:dataList.length() = 1时:rowid= jq20...原创 2018-12-03 14:54:11 · 5895 阅读 · 3 评论 -
jqGrid----追加行(addRowData)
addRowData rowid,data, position, srcrowid 成功为true, 否则为false 根据参数插入一行新的数据,rowid为新行的id,data为新行的数据,position为新增行的位置,srcrowid为新增行的参考位置。data数据格式:{name1:value1,name2: value2…} name为在colModel中指定的名称 ...原创 2018-12-03 15:40:38 · 18138 阅读 · 0 评论 -
jqGrid----添加行
1.通用方法。function creatNewRow(){ //ローダーON sofia.ui.dispLoader(true); var $list = $('#gridID'); var rows = $list.jqGrid('getRowData'); var idArray = $.map(rows, function (row, index) { return ro...原创 2018-12-03 16:06:56 · 882 阅读 · 0 评论 -
jqgird----ColModel参数(sortable)----取消标题列排序事件
sortable boolean 是否可排序 true 注:如果允许标题有排序事件,会重新加载grid. { name:"kingaku", editable:true, edittype:"text", formatter:'number', align:"right", width:140, s...原创 2018-12-18 15:57:52 · 707 阅读 · 0 评论 -
表单jqGrid的数据如何以json格式传到后台
需求:通过ajax将页面表单的数据传到后台,以json格式1.js页面 ①获取jqGrid的数据源 var postData = $("#jqGrid").getGridParam('data'); ps:如果该 jqGrid绑定的数据源已经是json格式,不需要转化,如果不是需要转换 ②将获取的数据源转换为json格式(存放在array数组中)...原创 2019-06-24 10:14:18 · 1812 阅读 · 0 评论 -
jqGrid获取选中行的指定列的值
var id = $("#gridYosan").jqGrid('getGridParam','selrow'); var rowData = $("#gridYosan").jqGrid("getRowData",id); var yosankaCD = rowData.yosanka原理:1 获取选中行的id 2 获取选中行的数据...原创 2019-07-15 11:41:31 · 1707 阅读 · 0 评论 -
jqGrid中colModel中设置checkbox
1.正常设置。(不需要添加查事件) formatter :"checkbox"var colModel = [ { name : "yosanka", formatter : "checkbox", editable : true, width : 230, edittype : "select", sortable:false },/...原创 2019-07-16 13:20:30 · 2635 阅读 · 0 评论 -
jqGrid获取选择行指定列的数据
1.获取选择行var id = $("#gridYosan").jqGrid('getGridParam','selrow');2.获取该行数据var rowData = $("#gridYosan").jqGrid("getRowData",id);3.获取指定列(yosanka列名)var yosankaCD = rowData.yosanka...原创 2019-07-16 13:24:08 · 2317 阅读 · 0 评论 -
jqGrid----选中行回车时,编辑单元格光标消失问题
问题:如图所示jqgrid,选中行为可编辑单元格,但在连续回车切换下一个可编辑单元格时,光标消失。原因:连续切换时,存在隐藏列,所以光标消失。解决办法:将隐藏行放在最前或最后面,不要放在连续切换的列中间。...原创 2019-07-26 18:16:49 · 669 阅读 · 0 评论 -
jqGrid---单元格添加回车事件(afterSaveCell)
1项目需求:有一个jqGrid的一列,在该列的单元格输入完,按回车后,触发某个事件。afterSaveCell事件afterSaveCell(rowid,name,val,iRow,iCol)rowid:行idname:列名称val:修改后的单元格的值iRow:编辑单元格行索引iCol:编辑单元格列索引实现代码:afterSaveCell可以在该事件中来实现单元...原创 2018-11-27 23:08:01 · 6317 阅读 · 0 评论 -
jqGrid----scroll(滚动条相关问题)
1.参数定义。 1.1 scroll=‘true’时,jqGrid使用滚动条。scroll boolean 创建一个动态滚动的表格,当为true时,翻页栏被禁用,使用垂直滚动条加载数据,且在首次访问服务器端时将加载所有数据到客户端。当此参数为数字时,表格只控制可见的几行,所有数据都在这几行中加载 false 否 2.2 shrinkToFit=‘fal...原创 2018-11-27 17:07:27 · 4914 阅读 · 0 评论 -
jqGrid设置单元格为不可编辑状态&¬-editable-cell
要求:设置单元不可编辑。 onCellSelect: function(rowid, iCol, cellcontent, e) { if(cellcontent !=" " ){ //$("#gridGyoumuKbnSS").jqGrid('setCell', rowid, iCol, '', 'not-editable-cell...原创 2018-09-18 16:33:50 · 2336 阅读 · 0 评论 -
jqGrid 常用方法
1.jqGrid 修改行中某个单元格值方法名 参数 返回值 说明 setCell rowid,colname, data, class, properties jqGrid对象 改变单元格的值。rowid:当前行id;colname:列名称,也可以是列的位置索引,从0开始;data:改变单元格的内容,如果为空则不更 新;class:如果是string则会...原创 2018-09-11 10:09:27 · 438 阅读 · 0 评论 -
jqGrid设置水平滚动条
默认情况下是没有开启水平滚动条的,也就是说无论有多少字段,都会显示在这一屏。问题:jqGrid显示的内容的列宽并没有按照设置的列宽显示。列被压缩。则按比例初始化列宽度原因:shrinkToFit为默认值。解决办法:shrinkToFit boolean 此属性用来说明当初始化列宽度时候的计算类型,如果为ture,则按比例初始化列宽度。如果为false,则列宽度使用c...原创 2018-10-15 13:27:05 · 6501 阅读 · 0 评论 -
jqGrid 获取gird当前选择行的数据
语法: var rowId=$("#gridTable").jqGrid('getGridParam','selrow'); var rowData= $("#gridTable").jqGrid('getRowData',rowId,);selarrrow array 只读属性,用来存放当前选择的行 array 否 selrow s...原创 2018-10-18 14:48:43 · 2481 阅读 · 0 评论 -
jqgrid 方法:setCell 改变单元格的值 &&改变单元格的样式&&设置单元格属性
setCell rowid,colname, data, class, properties jqGrid对象 改变单元格的值。rowid:当前行id;colname:列名称,也可以是列的位置索引,从0开始;data:改变单元格的内容,如果为空则不更 新;class:如果是string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属...原创 2018-09-30 11:25:40 · 12829 阅读 · 2 评论 -
jqGrid--获取jqGrid列数据
getCol colname, returntype, mathoperation array[] or value 返回列的值。colname既可以是当前列在colModel中的位置索引也可以是name值。returntype指定返回数据的类型,默认为false。当为false时,返回的数组中只包含列的值,当为true时返回数组是对象数组,具体格式 {id:rowid, val...原创 2018-11-14 16:10:43 · 4990 阅读 · 0 评论 -
jqGrid----下拉列表框下拉联动,dataEvents回调函数。
1.给单元格添onchange事件实例:$('#gridYosan').setColProp('yosanka', {editoptions: { dataEvents:[{ type: 'change', fn: function (e) { var id = $('#gridYosan').jqGrid(...原创 2018-12-04 11:49:32 · 2699 阅读 · 0 评论 -
jqGrid----设置列属性(setColProp)
1. 设置列属性(setColProp)setColProp colname, properties jqGrid对象 设置新的属性,对于动态改变列属性是非常有用的,但是有些属性的修改并不会起效。用法:jQuery(”#grid_id”).setColProp('colname',{editoptions:{value:“True:False”}}); 语法: $...原创 2018-12-04 11:50:03 · 3991 阅读 · 0 评论 -
jqGrid-----显示下拉列表框(jqGrid自定义)VS(开发者自定义下拉列表框)
1.jqGrid单元格必须是可编辑状态。cellEdit : true$('#gridYosan').jqGrid({ data : dataList, datatype : "local", multiboxonly : true, cellEdit : true, //关键代码 cellsubmit : 'clientArray', colNam...原创 2018-11-27 10:50:07 · 2707 阅读 · 0 评论 -
jqGrid------jqgrid文本框设置
jqGrid中对列表cell属性格式化设置主要通过colModel中formatter、formatoptions来设置的formatter formatoptions integer thousandsSeparator://千分位分隔符, 如”,” defaulValue://默认值 currency decimalSeparator: //小数分隔符,如”....原创 2018-11-27 13:46:01 · 1722 阅读 · 0 评论 -
jqGrid----删除行后,重新排序某一列数据
var ids = $("#ryokoMeisaiList").getDataIDs(); for( var i = 1;i <= ids.length;i++){ $("#ryokoMeisaiList").jqGrid('setCell',ids[i-1],"index",i); }原创 2019-07-28 13:46:34 · 566 阅读 · 0 评论