点击jqGrid表格,弹出需要的表格的数据

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

首先,我们先定义一个函数,然后在JQuery里面直接引用就可以了,

function GetJqGridRowValue(jgrid, code) {varKeyValue ="";varselectedRowIds = $(jgrid).jqGrid("getGridParam","selarrrow");if(selectedRowIds !="") {varlen =selectedRowIds.length;for(vari =0; i < len ; i++) {varrowData = $(jgrid).jqGrid('getRowData', selectedRowIds[i]);

KeyValue+= rowData[code] +",";

}

KeyValue= KeyValue.substr(0, KeyValue.length -1);

}else{varrowData = $(jgrid).jqGrid('getRowData', $(jgrid).jqGrid('getGridParam','selrow'));

KeyValue=rowData[code];

}returnKeyValue;

}//自定义GetJqGridRowValue函数

下面是显示表格的JS文件

$(function () {

$("#group").jqGrid({

url:'/Group/GetGroup',

datatype:'json',

mtype:'Get',

colNames: ['GRP_ID','GRP_NAME','GRP_DESCRipTION'],//GROUPcolModel: [

{ key:true, hidden:true, name:'GRP_ID', index:'GRP_ID'},

{ key:false, name:'GRP_NAME', index:'GRP_NAME', editable:true},

{ key:false, name:'GRP_DESCRIPTION', index:'GRP_DESCRIPTION', editable:true},

],

ondblClickRow: function (rowid) {vartd_id = GetJqGridRowValue("#group","GRP_ID");

alert(td_id);

},//点击获取gqgird的当前列的'GRP_ID'的值pager: jQuery('#pager1'),

rowNum:5,

rowList: [5,10,15,20],

height:'19%',

viewrecords:true,

caption:'Group_Table',

emptyrecords:'没有记录显示',

jsonReader: {

rows:'rows',

page:'page',

total:'total',

records:'records',

repeatitems:false,

id:'0',

editurl:'/Group/EditGroup'},

autowidth:true,

multiselect:false,//是否多选});jQuery("#group").jqGrid('navGrid',"#pager1",

{ edit:true, add:true, del:true, position:'left', alerttext:"请选择需要操作的数据行!"},

{

zIndex:100,

url:'/Group/EditGroup',

cloSEOnEscape:true,

closeAfterEdit:true,

recreateForm:true,

afterComplete: function (response) {if(response.responseText) {

alert(response.responseText);

}

}

},

{

zIndex:100,

url:'/Group/CreateGroup',

closeOnEscape:true,

closeAfterEdit:true,

afterComplete: function (response) {if(response.responseText) {

alert(response.responseText);

}

}

},

{

zIndex:100,

url:'/Group/DeleteGroup',

closeOnEscape:true,

closeAfterEdit:true,

recreateForm:true,

msg:"你确定要删除么?",

afterComplete: function (response) {if(response.responseText) {

alert(response.responseText);

}

}

}

);});

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航