资源描述:
《解决js组件bootstraptable分页实现过程中遇到的问题》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、解决JS组件bootstraptable分页实现过程中遇到的问题这篇文章主要介绍了JS组件bootstraptable分页实现过程中遇到的问题,感兴趣的小伙伴们可以参考一下本文为大家分享了bootstrap-table分页的问题,供大家参考,具体内容如下问题1:服务器端取不到form值,querystring没有问题,但是request,form取不到值解决:这是ajax的问题,原代码使用原生的ajaxonbsp;1可以用读流文件解决。2如果想用request.form方式,设置nbsp;contentType:〃application/x-www-form-urlencoded'7,如$('
2、#tableList')・bootstrapTable({method:Jpost',uri:,height:$(window).height()一200,striped:true,dataType:/zjson",pagination:true,queryrarams1ype:11mit,singleSelect:false,contentType:/zapplication/x—www-form~urlencoded",问题2、设置传递到服务器的参数方法:functionqueryParams(params){return{pageSize:params・limit,pageNumber:
3、params・pageNumber,UserName:4};}nbsp;$('ableList?)・bootstrapTable({method:'post',url:,height:$(window).height()~200,striped:true,dataType:〃jsorT,pagination:true,nbsp;queryParams:queryParams,问题3、后台取不到pageSize信息解决:1在queryParams中设置2在bootstrap-table,minjs文件修改源文件为"limit〃二二二this.options・queryParamsTypeampi
4、amp;(e={limit:e.pageSize,pageNumber:e.pageNumber,修改bootstrap-table.js也可以if(this・options.queryParamsType===,1imit,){params={search:params・searchText,sort:params・sortName,order:params.sortOrder};if(this.options,pagination){params・limit=this・options・pageSize;params.pageNumber二this・options・pageNumber,pa
5、rams.offset二this.options.pageSize*(this・options・pageNumber-1);}}酉己置力口入nbsp;/zqueryParamsType〃:〃limit",完整It;scripttype二〃text/javascript〃gt;$(document)・ready(function(){nbsp;$('tttableList')・bootstrapTable({method:'post‘,url:/zgetcompapylist/z,height:$(window).height()-200,striped:true,dataType:〃jsorT
6、,pagination:true,〃t~xrp〃〃-1••丄〃queryraramsType:limit,singleSelect:faIse,contentType:z/application/x-www-form-urlencoded",pageSize:10,pageNumber:1,search:false,//不显示搜索框showColumns:false,//不显示下拉框(选择显示的列)sidePagination:〃server",//服务玄错请求queryParams:queryParams,//minimunCountColumns:2,responseHandler:res
7、ponseHandler,columns:[{field:'Companyld,,checkbox:true},field:'qq',title:'qq',width:100,align:?center,,valign:'middle',sortable:false}field:'companyName',姓名',width:100,align/center,,valign:,middle',so