BootStrap渲染出的表格，将row中的值作为参数进行传值。

最新推荐文章于 2024-05-10 16:24:44 发布

没有心跳的TheOne

最新推荐文章于 2024-05-10 16:24:44 发布

阅读量1.2k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/qq_35315439/article/details/105284738

版权

前端专栏收录该内容

33 篇文章 0 订阅

订阅专栏

Htnl

  columns: [
                {
                    field : 'id',
                    title : '序号',
                    visible: false
                },
                {
                    field : 'comName',
                    title : '企业名称',
                    sortable: true
                },
                {
                    field : 'comCreditId',
                    title : '企业信用码',
                    sortable: true
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" οnclick="toQykDetail(\''+row.comName+'\')"><i class="fa fa-edit"></i>查看</a> ');
                      /*  actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" οnclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');*/
                        return actions.join('');
                    }
                }]
        };

写了一个列表页，在操作里“写了一个“详情”跳转

{
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" οnclick="toQykDetail(\''+row.comName+'\')"><i class="fa fa-edit"></i>查看</a> ');
                      /*  actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" οnclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');*/
                        return actions.join('');
                    }
                }

  actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" οnclick="toQykDetail(\''+row.comName+'\')"><i class="fa fa-edit"></i>查看</a> ');

toQykDetail（）中的参数是row.comName。其实可以加row中的任何一个值，但值得注意的是，传数值的时候：
toQykDetail(‘+row.comName+’)这样就可了
但如果是字符串，上面的方法就会报错，无法解析
所以正确的应该是这么写
toQykDetail(’’+row.comName+’’)

然后js方法：

function toQykDetail(comName){
        $.modal.openTab("企业详情", encodeURI(prefix+'/tolist?comName='+comName));
    }

controller后台

/* 跳转到查看页面*/
    @GetMapping("/tolist")
    public String tolist( String comName,ModelMap mmap)
    {
		TycResult tycResult = new TycResult();
		/*设置获取条件，只获取自己想要的接口信息，后期可以加一个list进行循环获取*/
		tycResult.setComName(comName);
		/*主要人员820*/
		/*String interfaceId ="820";*/
		/*tycResult.setInterfaceId(interfaceId);*/
		List<TycResult> list = tycResultService.selectTycResultAll(tycResult);
		mmap.put("list",list);
		return prefix + "/qiyeku";
    }