jqGrid 列表 给每一行添加操作按钮

提问 已结 3 4158
shengke
shengke VIP3 2018-04-18
悬赏:20积分
版本:renren-security v3.2 开发环境:
如下图,想在每行后面,添加一个操作按钮,来操作本行数据, img[//cdn.renren.io/f6e8b201804181433553459.png] 在jqGrid里添加下面 { label: '操作', name: '', index: '', width: 80 ,formatter: operations} 对应的operations 函数: function operations (cellvalue, options, rowObject) { return '<a class="btn btn-danger" @click="fun1" >修改监控时间</a>'; return '<a class="btn btn-danger" @click="fun2" >修改资讯时间</a>'; } 但是vue绑定事件,没有生效,请问这个怎么处理好?
本帖标签: renren-security jqGrid
回帖
  • 这样处理一下 [pre] function operations (cellvalue, options, rowObject) { return '<a class="btn btn-danger" onclick="vm.fun1()" >修改监控时间</a>'; return '<a class="btn btn-danger" onclick="vm.fun2()" >修改资讯时间</a>'; } [/pre]
    1
  • shengke
    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> &nbsp;&nbsp;'; 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]
    0
  • @shengke 把@click改成onclick
    2
本帖已结贴