Bootstrap中bootstrapTable的带参数传递方法

本文介绍了在Bootstrap中使用bootstrapTable时如何正确传递参数。重点强调了queryParams函数的使用方法,指出仅使用默认格式将无法获取自定义参数如projectId和requirement_Id,必须采用特定格式才能确保参数传递成功。
 $('#requirementCaseTable').bootstrapTable({
            cache: false,
            pageList: [10,15,20,30,50],
            pagination: true,
            sidePagination: 'server',
            //sidePagination: 'client',
          //  queryParamsType: queryParams,
           queryParams :queryParams,
            //queryParamsType: 'limit',
            striped : true,
            pageNumber:1,
            pageSize:15,
            //pageSize:9999,
            //limit:20,
            idField:"id",
            search: true,
            undefinedText:"",
            showRefresh: true,
            url: '/testPlan/getRequireMentPageList',
            columns: [ 
         	{   field:'CaseNo',
            	title:'用例编号',
            	visible:true,  
  /*               formatter:function(value,row,index){
                    //通过formatter可以自定义列显示的内容
                    //value:当前field的值,即id
                    //row:当前行的数据
                	value='<a href="/testPlan/getCaseIndex?id='+row.id+'"'+">"+value+"</a>";
                	return value
                } */
            }, {
            	field:'summary',
            	title:'标题',
            	visible:true,
            },  {
            	field:'caseType',
            	title:'类型',
            	visible:true,
            },  {
            	field:'create_by',
            	title:'创建人',
            	visible:true,
            } 
       /*       {
                field: 'operation',
                title: '操作',
            	formatter : function(cell, row, index) {
					btnEdit = '<a class="btn-warning btn-sm"   href="/testPlan/editSkip?id='+row.id+'">编辑</a>';					
					btnDetail = '<a class="btn-primary btn-sm"   href="/testPlan/getRecordById?id='+row.id+'">查看</a>';					
					btnDel = '<button type="button" class="btn btn-danger btn-xs" onclick="deleteCase('+row.id+')">删除</button>';
					btnStatistics= '<a class="btn-primary btn-sm" href="/testPlan/getTestPlanReport?id='+row.id+'">结果统计</a>';
					btnCaseAssociation= '<button type="button" class="btn-success  btn-xs" onclick="caseAssociation('+row.id+')">关联用例</button>';
					cell =btnEdit+btnDetail+btnDel+btnCaseAssociation+btnStatistics;
					return cell;
				},
            } */],
        });
	});

其中queryParams为参数设置的函数,function方法如下:

//得到查询的参数
 function queryParams(params) {
      var temp = {   //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
         // limit: params.limit,   //页面大小
          offset: params.offset,  //页码
          pageSize:this.pageSize,
          pageNumber:this.pageNumber,
          projectId: $("#projectId").val(),
          requirement_Id:$("#requirement_Id").val(),
          length: 6
      };
      return temp;
  };

 注意:如果要想传递自己需要的参数,就一定要用这种格式!不能使用下面这样的格式:

/* function queryParams(pageRequest) {
	pageRequest.offset = pageRequest.offset;
	pageRequest.pageSize = this.pageSize;
	pageRequest.pageNumber = this.pageNumber;
	pageRequest.projectId=3241651655488231;
	pageRequest.requirement_Id="KHGX-188511";
	pageRequest.length = 6;
	return pageReqeust;
} */

这种格式只能取到pageSize,pageNumber、length,offset的值。自定义的projectId,requirement_Id的值时获取不到的!

评论 6
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

漁陽

彼此共勉,砥砺前行

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值