无论我将exportDataType设置为basic、selected、还是all，只是将当前页面的数据导入到Excel中，求大神解答？

二楼后座的香蕉园 2017-02-14 10:13:26



<head>

<link rel="stylesheet" href="css/bootstrap-table.css">

    <link rel="stylesheet" href="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.css">

    <link rel="stylesheet" href="css/examples.css">

     <script src="js/jquery.min.js"></script>

    <script src="js/bootstrap.min.js"></script>

    <script src="js/bootstrap-table.js" type="text/javascript"></script>

    <script src="js/bootstrap-table-export.js" type="text/javascript"></script>

   <script src="js/tableExport.js"></script>

    <script src="js/bootstrap-table-editable.js" type="text/javascript"></script>

    <script src="js/bootstrap-editable.js" type="text/javascript"></script>

    <script src="js/bootstrap-table-zh-CN.js" type="text/javascript"></script>

    <script src="js/ga.js"></script>

</head>

<body>

<div class="container">

<div id="toolbar">

            <select class="form-control">

                <option value="basic">Export Basic</option>

                <option value="all">Export All</option>

                <option value="selected">Export Selected</option>

            <lect>

        </div>

<table id="table">

<thead>

<tr>

<th data-field="state" data-checkbox="true"></th>

<th data-field="id" data-valign="middle" data-align="center">序号</th>

<th data-field="Bill_Date" data-valign="middle" data-align="center">账单月份</th>

<th data-field="Business_Confirm_Nbr" data-valign="middle" data-align="center">业务确认好</th>

<th data-field="Area" data-valign="middle" data-align="center">电信区域</th>

<th data-field="Operator" data-valign="middle" data-align="center">运营商</th>

<th data-field="Begin_Date" data-valign="middle" data-align="center">起租时间</th>

</tr>

</thead>

</table>

</div>



<script type="text/javascript">

$(function(){

	$("#toolbar").find("select").change(function(){

	 state =$("#toolbar").find("select").val();     //给exportDataType重新复制。

	 oTable.Init();

	})

});

var TableInit=function(){

	var oTableInit = new Object();

	oTableInit.Init=function(){

		$("#table").bootstrapTable({

			url:"Demo",

			method:"post",

			toolbar:"#toolbar",

			cache:false,

			striped:true,

			showColumns:true,

			pagination:true,

			showExport:true,

			clickToSelect:true,

			queryParams:oTableInit.queryParams,

			sidePagination:"server",

			pageList:[10,15,20], 

			clickToSelect:false,

			uniqueId:"id",

			exportDataType:state,

		});

	};

	//得到查询的参数

	oTableInit.queryParams=function(params){

		var temp={

				limit:params.limit,  //页面大小

				offset:params.offset, //页码

				pageIndex:this.pageNumber,  //这里this指的是表格对象的应用。

				pageSize:this.pageSize

				//s_date:"",

				//edate:"",

		};

		return temp;

	};

	oTableInit.destroy=function(){

		

		$("#table").bootstrapTable('destroy');

	}

	oTableInit.getOption=function(){

		var options= $("#table").bootstrapTable('getOptions');

		return options;

	}

	return oTableInit;

}

var oTable = new TableInit();

oTable.Init();

var state ='basic';

</script>



</body>

...全文

791 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

laohouer 2017-08-24

打赏
举报

今天我也遇到这问题，解决了， $('#toolbar').find('select').change(function () { $table.bootstrapTable('refreshOptions',{ exportDataType: $(this).val() }); }); 参考：http://www.jianshu.com/p/6fe59a623a93

不怎么迷糊 2017-05-31

打赏
举报

如果想导出全部数据，需要在分页的页码处进行设置， //得到查询的参数 oTableInit.queryParams=function(params){ var temp={ limit:params.limit, //页面大小 offset:params.offset, //页码 pageIndex:this.pageNumber, //这里this指的是表格对象的应用。 pageSize:this.pageSize //s_date:"", //edate:"", }; return temp; }; pageSize这个地方