用jqgrid 没有设置url怎么写url调用方法

18:18 提问
ajax获取到 的json怎么传值给Jqgrid
ajax获取了 一个json数据
想把他传递给一个表格插件的url URL怎么写。 我这写的不对 这样写的话 是调用了2次do方法然后变成空json 表格不显示 该怎么写呢?求解答。
按赞数排序
配置data就不要配置url了,url是远程数据,data是客户端数据。。而且jqgrid用的jquery类库,你倒入ext进来是干嘛。。
没有数据显示注意colModel的配置和你的数据是否一致。
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!
jqgrid有示例的,你按人家的照猫画虎就行了
113关注|560收录
230关注|532收录
81关注|291收录
其他相似问题
相关参考资料&&当前位置: && && 列表
列编辑,添加行,删除行
来源:网络 && 编辑:admin
$(document).ready(function()
initPlsfList();
//初始化grid列表
function initPlsfList(){
//缓存表列数组,key 为页面元素的name ,value 对应数据库中的字段
var cellArray = new Array();
cellArray["zoneID"] ="ZONE_ID";
cellArray["factorPG"] ="FACTOR_PG";
cellArray["factorQG"] ="FACTOR_QG";
cellArray["factorPL"] ="FACTOR_PL";
cellArray["factorQL"] ="FACTOR_QL";
cellArray["valid"] ="VALID";
var caseID = '${caseID}';
$("#plsfList").jqGrid({
url:"&c:url value='/lfc/powerlsfactor/queryDatacaseID="+caseID+"' /&",
datatype: "json",
mtype:"POST",
height: "auto",
width: "auto",
colNames:[
"&fmt:message key='case.valid'/&",
"&fmt:message key='zone'/&",
"&fmt:message key='pasf'/&",
"&fmt:message key='pisf'/&",
"&fmt:message key='lasf'/&",
"&fmt:message key='lisf'/&",
colModel:[
{name:'id',index:'id', width:100,hidden:true},
{name:'valid',index:'valid', width:100,editable:true,
formatter:formatValid,
editable:true,edittype:'checkbox',
editoptions:{value:'1:0',defaultValue:'1'}
{name:'zoneName',index:'zoneName', width:150,editable:true},
{name:'factorPG',index:'factorPG', width:100,editable:true},
{name:'factorQG',index:'factorQG', width:100,editable:true},
{name:'factorPL',index:'factorPL', width:100,editable:true},
{name:'factorQL',index:'factorQL', width:100,editable:true},
{name:'caseID',index:'caseID', width:100,hidden:true},
rowNum:10,
rowList:[10,20,30],
pager: '',
cellEdit:true,
viewrecords: true,
jsonReader: { repeatitems : false, id: "id" },
viewsortcols:[false,'horizontal',false],
sortable:false,
sortorder:"asc",
sortname:"id",
multiselect: true,
cellurl:"&c:url value='/lfc/powerlsfactor/save'/&",
cellsubmit: 'remote',
gridComplete: function() {
var $selecAll = $("#cb_plsfList");
var cb_title = "&fmt:message key='select.all' bundle='${commonResources}'/&" ;
if($selecAll){
$selecAll.attr("title",cb_title);
//设置全选checkbox title
var rowIds = jQuery("#plsfList").jqGrid('getDataIDs');
for(var k=0; k&rowIds. k++) {
var curRowData = jQuery("#plsfList").jqGrid('getRowData', rowIds[k]);
var curChk = $("#"+rowIds[k]+"").find(":checkbox");
//curChk.attr('title', curRowData.modeName);
//给checkbox赋予额外的属性值
onSortCol:function(index,iCol,sortorder){
ondblClickRow: function (rowid,iRow,iCol,e) {
/*var $plsfList = $("#plsfList");
if (isRowNeedSave($plsfList)){
showMessage("请先保存");
$("#operate").val("update");
newrowid =
$plsfList.setGridParam({cellEdit:false});
$plsfList.jqGrid('editRow', rowid, true);
//确定按钮可用
$("#confirm_btn").attr("disabled",false);
beforeSubmitCell:function(rowid, cellname, value, iRow, iCol){
var $plsfList = $("#plsfList") ;
var $editUrl = '&c:url value='/lfc/powerlsfactor/save'/&' ;
$editUrl = addParamToUrl($editUrl,'updateCellName',iCol == 3
cellArray['zoneID'] :cellArray[cellname]);
$editUrl = addParamToUrl($editUrl,'updateCellValue',iCol == 3
$("#zone_id").val():value);
$plsfList.setGridParam({cellurl:$editUrl});
afterEditCell:function(rowid, cellname, value, iRow, iCol){
$("#"+rowid+" input[type='checkbox']").attr("checked",value == "&fmt:message key='case.valid'/&"
true:false);
if(iCol==3){
$("#irowNum").val(rowid);
var $data = $("#"+rowid +"&td"); //获取这个行里所有的td元素,即:获取所有子元素
$zoneInput = $data.find("input").eq("1") ;
$zoneInput.css("width","100px");
$zoneInput.attr("disabled",true);
$zoneInput.after("&input type='button' value='选择' onclick='fnCallDialogForEidt()' /&");
/*--------------grid添加新的一行 开始----------------*/
function addRow()
$("#operate").val("");
var selectedId = $("#plsfList").jqGrid("getGridParam", "selrow");
var ids = jQuery("#plsfList").jqGrid('getDataIDs');
//获得当前最大行号(数据编号)
var rowid = Math.max.apply(Math,ids);
//获得新添加行的行号(数据编号)
newrowid = rowid+1;
var dataRow = {
zoneID:'',
factorPG:'',
factorQG:'',
factorPL:'',
factorQL:'',
//将新添加的行插入到第一列
$("#plsfList").jqGrid("addRowData", newrowid, dataRow, "first");
//设置grid单元格不可编辑
$("#plsfList").setGridParam({cellEdit:false});
//设置grid单元格可编辑
$('#plsfList').jqGrid('editRow', newrowid, false);
//确定按钮可用
$("#confirm_btn").attr("disabled",false);
//给添加的应用分区追加选择按钮
var $zoneInput = $("#"+newrowid+"_zoneName");
$zoneInput.attr("disabled",true).css("width",100);
$zoneInput.after("&input type='button' value='选择' onclick='fnCallDialogForEidt()' /&");
/*--------------grid添加新的一行 结束----------------*/
/*--------------比例因子数据保存
开始----- -----------*/
function insertPlsf(){
var $plsfList = $("#plsfList") ;
var $operate = $("#operate").val();
//设置grid单元格可编辑
$plsfList.setGridParam({cellEdit:true});
//设置grid行不可编辑
//$plsfList.jqGrid('editRow', newrowid, false);
//拼接请求的url
var url = '&%=basePath%&'+"/lfc/powerlsfactor/save" ;
var $params = $plsfList.find("input[id^="+newrowid+"]");
var $check_val = $params.eq(0).is(':checked')
url = addParamToUrl(url,'valid',$check_val);
url = addParamToUrl(url,'zoneID',$("#zone_id").val());
url = addParamToUrl(url,'factorPG',$params.eq(2).val());
url = addParamToUrl(url,'factorQG',$params.eq(3).val());
url = addParamToUrl(url,'factorPL',$params.eq(4).val());
url = addParamToUrl(url,'factorQL',$params.eq(5).val());
var $caseID = $("#caseID").val();
url = addParamToUrl(url,'caseID',$caseID);
//异步保存比例因子
$.ajax({url:url,type:"post",timeout:5000,
success:function(data){
showMessage(data);
reloadGrid();
//将新添加行号 初始为空
newrowid = '' ;
//确定按钮不可用
$("#confirm_btn").attr("disabled",true);
/*--------------比例因子数据保存
结束----- -----------*/
/*------------区域select设置 开始-------------------*/
function formatZone(cellvalue, options, rowObject){
if(cellvalue == 0){
}else if(cellvalue == 1){
}else if(cellvalue == 2){
/*------------区域select设置 结束-------------------*/
/*-------判断当前grid中是否存在需要编辑的行 开始-----------*/
function isRowNeedSave($jqgrid){
var $editTr = $jqgrid.find("tr[editable=1]") ;
var flag =
if ( $editTr && $editTr.length & 0){
/*-------判断当前grid中是否存在需要编辑的行 结束-----------*/
/*--------------取消
开始-------------------------*/
function cancel(){
reloadGrid();
//确定按钮不可用
$("#confirm_btn").attr("disabled",true);
//设置grid单元格可编辑
$("#plsfList").setGridParam({cellEdit:true});
//设置grid单元格可编辑
$('#plsfList').jqGrid('editRow', newrowid, true);
/*---------------取消 结束------------------------*/
/*---------------分区选择
开始---------------------*/
function fnCallDialogForEidt(){
//获得当前行号(数据编号)
var returnValue = "";
returnValue = window.showModalDialog("&c:url value='/element/zone/querycaseID="+$("#caseID").val()+"' /&",window,"");
if(returnValue==""||returnValue==null)
var $plsfList = $("#plsfList");
var $params = $plsfList.find("input[id$='zoneName']");
var names = returnValue.split(",");
$params.eq(0).val(names[1]);
$("#zone_id").val(names[0]);
/*---------------分区选择
结束---------------------*/
来源:网络 && 编辑:admin二次元同好交流新大陆
扫码下载App
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
& &四、行操作 ?
//获取选中行数据jQuery("#a1").click( function(){
var id = jQuery("#list5").jqGrid('getGridParam','selrow');
var ret = jQuery("#list5").jqGrid('getRowData',id);
alert("id="+ret.id+" invdate="+ret.invdate+"...");
} else { alert("请选择一行!");}});//删除jQuery("#a2").click( function(){
var su=jQuery("#list5").jqGrid('delRowData',12);
if(su) alert("成功删除第12行"); else alert("删除失败");});//更新jQuery("#a3").click( function(){
var su=jQuery("#list5").jqGrid('setRowData',11,{amount:"333.00",tax:"33.00",total:"366.00",note:"&img src='/fushahui_/blog/images/user1.gif'/&"});
if(su) alert("更新成功"); else alert("更新失败");});//新增jQuery("#a4").click( function(){
var datarow = {id:"99",invdate:"",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"};
var su=jQuery("#list5").jqGrid('addRowData',99,datarow);
if(su) alert("新增成功"); else alert("新增失败");var ids = $("#jqGrid1").jqGrid('getGridParam','selarrrow'); //多选时返回选中行的ID$("#jqGrid1").setSelection(ids[i],false);
//false 屏蔽该列的选择
阅读(3951)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_095071',
blogTitle:'jqGrid 学习笔记(转)',
blogAbstract:'一、主要API接口getGridParam、setGridParam:   getGridParam方法:
  getGridParam(\"url\"): 获取当前的AJAX的URL   getGridParam(\"sortname\"):排序的字段   getGridParam(\"sortorder\"):排序的顺序   getGridParam(\"selrow\"):得到选中行的ID   getGridParam(\"page\"):当前的页数   getGridParam(\"rowNum\"):当前有多少行  getGridParam(\"datatype\"):得到当前的datatype   getGridParam(\"records\"):得到总记录数   getGridParam(\"selarrrow\"):可以多选时,返回选中行的ID ',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:7,
permalink:'blog/static/',
commentCount:3,
mainCommentCount:2,
recommendCount:1,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人:
{list a as x}
{if !!b&&b.length>0}
他们还推荐了:
{list b as y}
转载记录:
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}当前访客身份:游客 [
当前位置:
$(function(){
$(&#equipment_grid&).jqGrid({
url:'&%=request.getContextPath()%&/equipment/list/json',
datatype : 'json',
mtype : 'GET',
colNames : [ 'id', 'name', 'ip', 'port', 'username', 'password',
'updateTime' ],
colModel : [ {
name : 'id',
index : 'id',
jsonmap : 'id',
width : 55,
editable : true
name : 'name',
index : 'name',
jsonmap : 'name',
width : 55,
editable : true
name : 'ip',
index : 'ip',
jsonmap : 'ip',
width : 90,
editable : true
name : 'port',
index : 'port',
jsonmap : 'port',
width : 80,
align : 'right',
editable : true
name : 'username',
index : 'username',
jsonmap : 'username',
width : 80,
align : 'right',
editable : true
name : 'password',
index : 'password',
jsonmap : 'password',
width : 80,
align : 'right',
editable : true
name : 'updateTime',
index : 'updateTime',
jsonmap : 'updateTime',
datefmt : 'yyyy-MM-dd HH:mm:ss',
formatter : 'date',
formatoptions : {
newformat : 'Y-m-d H:i:s'
width : 150,
sortable : false,
editable : true
pager : '#equipment_pager',
rowNum : 10,
rowList : [ 10, 20, 30 ],
sortname : 'id',
sortorder : 'desc',
jsonReader : {
root : &equipments&,
page : &page&,
total : &total&,
records : &records&,
repeatitems : false
viewrecords : true,
caption : '设备列表'
jQuery(&#equipment_grid&).jqGrid('navGrid', '#equipment_pager', {
view : true,
edit : true,
add : true,
del : true
},{ url: '/equipment/update/{id}', mtype: 'PUT'},
{ url: '/equipment/insert', mtype: 'POST'},
{ url: '/equipment/delete/{id}', mtype: 'DELETE'});
如上代码,请问如何传值能动态替换掉{ url: '/equipment/update/{id}', mtype: 'PUT'}部分里面的{id}为colModel的id呢?
共有4个答案
<span class="a_vote_num" id="a_vote_num_
这是我的一个应用,你参考下:
{top: -200, left: 400, reloadAfterSubmit: true, jqModal: false, closeAfterAdd: true,
onclickSubmit: function(params, postdata) { // add compact_id
var pid = myGrid.jqGrid('getGridParam','selrow') || opt.actR
// 确保能取到master grid的rowid!
if (pid &= 0) {
alert('请先选择合同!');
postdata.id = 0;
return {};
postdata.id =
afterComplete: function(response, postdata, formid) {
myGrid.trigger('reloadGrid');
afterSubmit: function(xhr, postdata) {
return jqg_form_resp(xhr, postdata, '添加失败!');
}, // add options
onclickSubmit
&事件中动态改变提交表单的属性值包括url。具体你可以到jqGrid的wiki上面查。
--- 共有 2 条评论 ---
好的,谢谢!问题解决了,但新问题又出现了,唉~
http://www.oschina.net/question/
(5年前)&nbsp&
请问你这段代码是grid那个属性的配置呢?我现在是通过添加editfunc属性解决。
(5年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
嘿嘿,在全局声明一个ID变量,需要改的时候改那个,url写成:
&/equipment/update/&+id
--- 共有 3 条评论 ---
谢谢捧场了!
(5年前)&nbsp&
: 嘿嘿,其实我一点都不知道jqGrid是干嘛的,回答也只是根据以往经验说说而已。
(5年前)&nbsp&
我试了下没用呀,navGrid好像只设置一次url,不是每次都动态获取的。
(5年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
用jqGrid的方法获得当前rowid然后拼装呗~
--- 共有 1 条评论 ---
能取到rowid,但是我现在不知道如何获取URL的值,然后把字符串拼装和替换掉原先的URL。
(5年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
jQuery('#list').jqGrid('getGridParam','url')&span class=&Apple-tab-span& style=&white-space:&& &/span&//获取url
jQuery('#list').jqGrid('getGridParam','sortName')&span class=&Apple-tab-span&& &/span&//获取排序列&xmp&jQuery('#list').jqGrid('getGridParam','rowNum')&span class=&Apple-tab-span& style=&white-space:&& &&&&&&&&&/span&//获取每页记录数
以此类推........
更多开发者职位上
有什么技术问题吗?
肥昊的其它问题
类似的话题

我要回帖

更多关于 js方法怎么写和调用 的文章

 

随机推荐