表格初始化时加上
$('#jqGrid3').jqGrid('clearGridData');
$('#jqGrid3').jqGrid('setGridParam', {url: baseURL + 'member/userbaseinfo/pointList/'+memberId}).trigger('reloadGrid');
* 积分表
function pointList(memberId) {
$('#jqGrid3').jqGrid('clearGridData');
$('#jqGrid3').jqGrid('setGridParam', {
url: baseURL + 'member/userbaseinfo/pointList/'+memberId,
postData:{
key:"value",
'username': vm.q.username
}).trigger('reloadGrid');
$("#jqGrid3").jqGrid({
url: baseURL + 'member/userbaseinfo/pointList/'+memberId,
datatype: "json",
colModel: [
{ label: '添加时间', name: 'addtime', index: 'addtime', width: 150, align: 'center' },
{ label: '业务摘要', name: 'remark', index: 'remark', width: 70, align: 'center' },
{ label: '出入积分', name: 'changePoint', index: 'change_point', width: 70},
{ label: '当前积分', name: 'point', index: 'point', width: 70, align: 'center' },
{ label: '备注', name: 'reason', index: 'reason', width: 70, align: 'center' },
{ label: '支付单号', name: 'paymentId', index: 'payment_id', width: 170, align: 'center'},
{ label: '充值推荐码', name: 'mempayCode', index: 'mempay_code', width: 140, align: 'center' },
{ label: '操作管理员', name: 'operator', index: 'operator', width: 150, align: 'center' },
caption:"积分",
viewrecords: true,
height: 150,
rowNum: 5,
rowList : [5,50,100],
rownumbers: true,
rownumWidth: 25,
autowidth:true,
multiselect: false,
pager: "#jqGridPager3",
jsonReader : {
root: "page.list",
page: "page.currPage",
total: "page.totalPage",
records: "page.totalCount"
prmNames : {
page:"page",
rows:"limit",
order: "order"
gridComplete:function(){
//隐藏grid底部滚动条
$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
这个问题就是jqGrid本身的缓存机制导致的,要每次初始化之前先清除一下!表格初始化时加上 $('#jqGrid3').jqGrid('clearGridData'); $('#jqGrid3').jqGrid('setGridParam', {url: baseURL + 'member/userbaseinfo/pointList/'+memberId}).trigger('...
在项目开发中使用封装的
jqgrid
组件时需要动态修改
URL
地址,直接修改
URL
地址
jqgrid
请求的
url
地址并不会
改变
,这时我们可以强行修改
jqgrid
的
url
地址,修改如下:
$("#accountGrid").setGridParam( //G,P要大写
url
:
Url
Service.
url
('www/1')
) .trigger("reloadGrid");
以上这篇解决vue中无法动态修改
jqgrid
组件
url
地址的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
$('#telGrid').datagrid({
url
:'p_n_list.php?act=getAjax_list&s_key=400电话
&website=http://www.my400800.cn
nowrap: false,
JQGrid
JQGrid
是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。
JQGrid
Demo是一个在线的演示项目。在这里,可以知道
jqgrid
可以做什么事情。
下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更
加
合适。
jqGrid
学习之 -------------
jqGrid
安装很简单,只需把相应的css、js...
最近的项目总是和
Jqgrid
网格插件打交道,用起来感觉很方便,下面是其各个
参数
的详细解析。
url
:提交处理数据的地址。
datatype:这个
参数
用于设定将要得到的数据类型。我最常用的是“json”,其余的类型还包括:xml、xmlstring、local、javascript、function。
mtype: 定义使用哪种方法发起请求,GET或者POST。
height:Grid的高度
jqGrid
是一款处理表格展现的jQuery插件,支持分页、滚动
加
载
、搜索、锁定、拖动等一系列对表格的常规操作。以下是最近项目中实践
jqGrid
的整理
1、引入到项目中来
jqGrid
的主页在http://www.trirand.com/blog/ ,上面提供了下
载
、demo、wiki等文档,都比较详尽。特别是http://www.trirand.com/
jqgrid
wiki/do...
在项目开发中使用
jqgrid
有时我们需要动态修改
URL
地址,修改
参数
地址是无法
改变
jqgrid
的
url
地址的,这是我们可以强行修改
jqgrid
的
url
地址,修改如下:$("#accountGrid").setGridParam( //G,P要大写
url
:
Url
Service.
url
('www/1')
在初始化表格后,分页查询后台的数据,显示在前台,但是分页的
参数
(每页显示的项数,和当前页码)不知道后台怎么接收?
在网上看了很多教程后,找到答案。 前台代码:
$("#grid").
jqGrid
(
{
url
:"receiveObject4.do",
height : 400,
datatype:"json",
rownumbers : false,
colMode
重新
设置
jqGrid
的
url
,并调用重
载
方法,可实现
jqGrid
的重
载
刷新;
示例:var
url
= "getList.jsp?name=ling";
jQuery("#tableId").
jqGrid
('setGridParam',{
url
:
url
}).trigger("reloadGrid");
其中,tableId是所在列表table的id;
$("#tableId").set
近来工作市场用到
jqgrid
这个插件,主要用于呈现表格的功能,有些心得做一小结。
首先要引入 jquery.
jqGrid
.min.js 文件
HTML结构部分很简单:<table id="
jqGrid
_ds_left"></table>
<div id="
jqGrid
Pager"></div>其次就是必须的配置信息了://这里给出一个模板数据
dgDataLeft =[
{dataTy
你可以使用 `setGridParam` 方法来
重新
设置
jqGrid
的分页
参数
。以下是一个例子,假设你需要修改分页大小为 20,当前页为第二页:
```javascript
$("#grid").
jqGrid
('setGridParam', {
postData: {
rows: 20,
page: 2
}).trigger("reloadGrid");
上面的例子中,`postData` 是一个包含分页
参数
的对象。使用 `setGridParam` 方法,你可以修改 `postData` 对象中的值,然后使用 `trigger` 方法
重新
加
载
jqGrid
。这样就可以实现
重新
加
载
jqGrid
并使用新的分页
参数
了。