2018-04-18
@Mark 还是不行 ,下面是大致代码,前台没有解析#click
img[//cdn.renren.io/8cc4b201804181509447593.png]
[pre]
$(function() {
$("#jqGrid").jqGrid({
url : baseURL + 'member/list',
datatype : "json",
colModel : [ {
label : 'userId',
name : 'userId',
index : 'user_id',
width : 50,
key : true
},
。。。。
{
label : '操作',
name : '',
index : '',
width : 280,
formatter : operations
} ],
viewrecords : true,
height : 385,
rowNum : 10,
rowList : [ 10, 30, 50 ],
rownumbers : true,
rownumWidth : 25,
autowidth : true,
multiselect : true,
pager : "#jqGridPager",
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" : "show"
});
}
});
});
function operations(cellvalue, options, rowObject) {
var str = '<a class="btn btn-danger" @click="vm.updateShopTime()" >监控延期</a> ';
str = str + '<a class="btn btn-danger" @click="vm.updatePictureTime()" >资讯延期</a>';
return str;
}
var vm = new Vue({
el : '#rrapp',
data : {
showList : true,
title : null,
user : {},
q : {
userId : null,
wxNickname : null
}
},
methods : {
query : function() {
$("#jqGrid").jqGrid('setGridParam', {
postData : {
'userId' : vm.q.userId,
'wxNickname' : vm.q.wxNickname
},
page : 1
}).trigger("reloadGrid");
},
add : function() {
vm.showList = false;
vm.title = "新增";
vm.user = {};
},
updateShopTime : function(event) {
alert("updateShopTime");
},
updatePictureTime : function(event) {
alert("updatePictureTime");
},
update : function(event) {
},
saveOrUpdate : function(event) {
},
getInfo : function(userId) {
$.get(baseURL + "member/info/" + userId, function(r) {
vm.user = r.user;
});
},
reload : function(event) {
vm.showList = true;
var page = $("#jqGrid").jqGrid('getGridParam', 'page');
$("#jqGrid").jqGrid('setGridParam', {
page : page
}).trigger("reloadGrid");
}
}
});
[/pre]