JQgird 方法大全

jqGrid方法大全
方法名 参数 返回值 说明
addJSONData data none 使用传来的data数据填充表格。使用方法: var mygrid = jQuery(”#”+grid_id)[0]; var myjsongrid = eval(”(”+jsonresponse.responseText+”)”); mygrid.addJSONData(myjsongrid); myjsongrid = null; jsonresponse =null;
addRowData rowid,data, position, srcrowid 成功为true, 否则为false 根据参数插入一行新的数据,rowid为新行的iddata为新行的数据,position为新增行的位置,srcrowid为新增行的参考位置。data数据格式:{name1:value1,name2: value2…} name为在colModel中指定的名
addXMLData data none 根据传来的数据填充表格。用法:var mygrid = jQuery(”#”+grid_id)[0]; mygrid.addXmlData(xmlresponse.responseXML);
clearGridData clearfooter jqGrid 清除表格当前加载的数据。如果clearfootertrue时则此方法删除表格最后一行的数
delRowData rowid 成功为true否则为false 根据rowid删除行,但不会从服务器端删除数
footerData action,data, format jgGrid 设置或者取得底部数据。action“get”或者“set”,默认为“get”,如果为“get”返回值为name:valuenamecolModel中名称。如果为“set”则值为namevaluenamecolModel中的名称。format:默认为true,当为 true时,在设置新值时会调用formatter格式化数
getCell rowid, iCol 单元格内 返回指定rowidiCol的单元格内容,iCol既可以是当前列在colModel中的位置索引也可以是name值。注意:在编辑行或者单元格时不能使用此方法,此时返回的并不是改变的值,而是原始
getCol colname, returntype, mathoperation array[] or value 返回列的值。colname既可以是当前列在colModel中的位置索引也可以是name值。returntype指定返回数据的类型,默认为false。当为false时,返回的数组中只包含列的值,当为true时返回数组是对象数组,具体格式 {id:rowid, value:cellvalue} id为行的idvalue为列的值。如: [{id:1,value:1},{id:2,value:2}…]mathoperation 可选值为'sum, 'avg', 'count'
getDataIDs none array[] 返回当前grid里所有数据的id
getGridParam name mixed value 返回请求的参数信
getInd rowid,rowcontent mixed 如果rowcontentfalse,返回行所在的索引位置,id为行idrowcontent默认为false。如果rowconentture则返回的为行对象,如果找不到行则返回false
getRowData rowid or none array[] 返回指定行的数据,返回数据类型为name:valuenamecolModel中的名称,value为所在行的列的值,如果根据rowid找不到则返回空。在编辑模式下不能用此方法来获取数据,它得到的并不是编辑后的
hideCol colnameor[colnames] jqGrid 如果参数为一个列名则隐藏此列,如果给定的是数组则隐藏指定的所有列。格式: [“name1”,”name2”]
remapColumns permutation, updateCells, keepHeader none 调整表格列的显示顺序,permutation为当前列的顺序,假如值是[1,0,2],那么第一列就会在第二位显示。如果updateCellsture则是对单元格数据进行重新排序,如果keepHeadertrue则对header数据显示位置进行调
resetSelection none jqGrid 选择或者反选行数据,在多选模式下也同样起作
setCaption caption jqGrid 设置表格的标
setCell rowid,colname, data, class, properties jqGrid 改变单元格的值。rowid:当前行idcolname:列名称,也可以是列的位置索引,从0开始;data:改变单元格的内容,如果为空则不更 新;class:如果是string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属性中;properties:设置单元格属
setGridParam object jqGrid 设置grid的参数。有些参数的修改必须要重新加载grid才可以生效,这个方法可以覆盖事
setGridHeight new_height jqGrid 动态改变grid的高度,只能对单元格的高度进行设置而不能对表格的高度进行动态修改。new_height:可以是象素值,百分比或者"auto"
setGridWidth new_width,shrink jqGrid 动态改变表格的宽度。new_width:表格宽度,象素值;shrinktrue或者false,作用同shrinkToFit
setLabel colname, data, class, properties jqGrid 给指定列设置一个新的显示名称。colname:列名称,也可以是列的位置索引,从0开始;data:列显示名称,如果为空则不修改;class:如果是 string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属性中;properties:设置 label的属
setRowData rowid,data, cssprop 成功true否则false 更新行的值,rowid为行iddata值格式:{name1:value1,name2: value2…} namecolModel中名称;cssprop:如果是string则会使用addClass方法将其加入到行的css中,如果是array或者对象 则会直接加到style属性
setSelection rowid,onselectrow jqGrid 选择或反选指定行。如果onselectrowture则会触发事件onSelectRowonselectrow默认为ture
showCol colname jqGrid 显示列。colname可以是数组[“name1”,”name2”],但是name1或者name2必须是colModel中的name
trigger(“reloadGrid”) none jqGrid 重新加载当前表格,也会向服务器发起新的请
updateColumns none none 同步表格的宽度,用在表格拖拽时,用法:var mygrid=jQuery(”#grid_id”)[0];mygrid.updateColumns();
jqGrid的通用方法和设置 

这些方法并不和jqGrid对象绑定,可以随意使用: 

jQuery.jgrid.jqGridFunction( parameter1,...parameterN );
函数名 参数 返回值 说明
ajaxOptions 空对 none 这个函数可以改变jqgrid中用到的ajax请求参数,这个函数可以覆盖当前所有ajax请求设置。从3.6版本开始起有3个级别的ajax设置:第一 个级别就是在模块中设置ajax请求;第二个级别就是通过此函数设置;第三级别的设置是控制全局ajax请求的设置:jQuery.extend(jQuery.ajax({method specific options}, ajaxOptions, ThirdLevelajaxSettinds)); 当然我们也可以单独设置ajax的参
jqID string 解析后的string 转义字符串,把两个反斜杠(\\)转化为单个反斜杠(\)
jgrid.htmlDecode string 转换后string 把转码后的字符串还
jgrid.htmlEncode string 编码后的string 把字符串编
jgrid.format string 格式化后string 简单字符串模板。用法:Example jQuery.jqgformat(“Please enter a value between {0} and {1}.”, 4,result : “Please enter a value between 4 and 8.”
jgrid.getCellIndex cell index 这个方法是用来修复在ie7里的一个bug
jgrid.stringToDoc xmlstring xmlDoc xmlstring转换为dom
jgrid.stripHtml content new_content 去掉html标签返回标签中内
jgrid.parse jsonstring 把一个jsonstring转换为json
其他方法
方法名 参数 返回值 说明
filterGrid grid_id,params HTML 构造jqGrid的查询界面。grid_id:表格idparams:参
filterToolbar params jqGrid 同上。不同的是搜索输入框在header层下
getColProp colname array 返回指定列的属性集合。namecolModel中名
GridDestroy grid_id boolean dom上删除此grid
GridUnload grid_id boolean GridDestroy不同的是table对象跟pager对象并不会被删除,以便下次使
setGridState state jqGrid 设置grid的状态,显示或者隐藏。这个方法不会触发onHeaderClick 事件
setColProp colname, properties jqGrid 设置新的属性,对于动态改变列属性是非常有用的,但是有些属性的修改并不会起效。用法:jQuery(”#grid_id”).setColProp('colname',{editoptions:{value:“True:False”}});
sortGrid colname, reload jqGrid 按指定列进行排序。效果同setGridParam({sortname:'myname'}).trigger('reloadGrid'). 如果reloadtrue则会重新加载数
updateGridRows data,rowidname,jsonreader boolean 修改表格中某行的数据,data数据格式:[{name:value,name1:value1…}, {name:value,name2:value2…}]namecolModel中的名称;rowidname某行的名称。 jsonreaderboolean值,默认false。如果为true则是定义数据的格式,data的值并不是namevalue形式而只是 value
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 jqGrid 中,可以通过设置 `shrinkToFit` 属性来自动调整表格宽度,使其适应父容器的宽度。但是,如果表格有太多的列,或者某些列的宽度比较大,可能会导致表格过宽,超出了父容器的宽度。 为了解决这个问题,可以通过设置横向滚动来显示表格,具体实现方法如下: 1. 在 `colModel` 中为每个列设置固定的宽度,例如: ```javascript colModel: [ {name: 'id', index: 'id', width: 50}, {name: 'name', index: 'name', width: 100}, {name: 'age', index: 'age', width: 80}, ... ] ``` 2. 在表格的父容器中添加一个固定宽度的 `<div>` 元素,并为其设置 `overflow-x: auto` 样式,例如: ```html <div style="width: 800px; overflow-x: auto;"> <table id="grid"></table> </div> ``` 上述代码中,设置了一个宽度为 800px 的 `<div>` 元素,并且为其设置了横向滚动样式。 3. 在 jqGrid 的 `gridComplete` 事件中重新设置表格的宽度,使其等于所有列的宽度之和。具体实现方法如下: ```javascript gridComplete: function() { var $grid = $(this); var colModel = $grid.jqGrid('getGridParam', 'colModel'); var gridWidth = 0; for (var i = 0; i < colModel.length; i++) { gridWidth += colModel[i].width; } $grid.jqGrid('setGridWidth', gridWidth); } ``` 上述代码中,通过循环获取表格的各个列,并将它们的宽度相加,得到表格的总宽度。然后调用 `setGridWidth` 方法将表格的宽度设置为总宽度。 完成上述步骤后,就可以设置横向滚动来显示表格了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值