两表关联，双击主页面某一行，跳转到副页面的相关Id内容中去，页面跳转

最新推荐文章于 2024-08-20 17:41:03 发布

W_a_n_g_X_

最新推荐文章于 2024-08-20 17:41:03 发布

阅读量283

点赞数 1

文章标签： js java javascript

本文链接：https://blog.csdn.net/W_a_n_g_X_/article/details/105225254

版权

写在表格初始化的上方：

$(function() {
        
            var options = {
                url: prefix + "/list",
                createUrl: prefix + "/add",
                updateUrl: prefix + "/edit/{id}",//框架固定路径id
                removeUrl: prefix + "/remove",
                exportUrl: prefix + "/export",
                queryParams: queryParams,
                /* sortName: "created",
		        sortOrder: "desc", */
                modalName: "项目发票管理",
                columns: [{
                    checkbox: true
                },
                {
                    field: 'invoiceId',
                    cellStyle:formatTableUnit,
                    formatter :paramsMatter,
                    halign:'center',
                    align : 'left',
                    title: '主键'
                }, 
                /* {
                    title: '操作',
                    align: 'center',
                    cellStyle:formatTableUnit,
                    formatter :paramsMatter,
                    formatter: function(value, row,index) {
                        var actions = [];
                        actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.invoiceId + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.invoiceId + '\')"><i class="fa fa-remove"></i>删除</a>');
                        return actions.join('');
                    }
                } */
                ],
              //双击某行触发事件
	        	onDblClickRow : function(row,$element){
	        		var invoiceId=row.invoiceId;
	        		/*结尾加入的invoiceId是为了双击进入页面只显示相同invoiceId的内容  */
                	window.location.href='/contract/invoicer?invoiceId='+invoiceId;
	        	},
            };
            $.table.init(options); //表格初始化
            $('#bootstrap-table').bootstrapTable('hideColumn', 'invoiceId'); //隐藏invoiceId的属性
        });