먼저, 프런트 데스크 코드를 붙여넣으세요:
- @{
- Layout = null;
- }
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width" />
- <title>Test</title>
- <link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
- <link href="/Content/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
- <!-- jQuery 2.1.4 -->
- <scrip{过滤}t src="/Content/bootstrap/plugins/jQuery/jQuery-2.1.4.min.js"></scrip{过滤}t>
- <scrip{过滤}t src="/Content/bootstrap/js/bootstrap.min.js"></scrip{过滤}t>
- <scrip{过滤}t src="/Content/bootstrap-table/bootstrap-table.js"></scrip{过滤}t>
- <scrip{过滤}t src="/Content/bootstrap-table/locale/bootstrap-table-zh-CN.js"></scrip{过滤}t>
- </head>
- <body>
- <div>
- <div id="toolbar">
- <div class="form-inline" role="form">
- <div class="form-group">
- <span>Offset: </span>
- <input name="offset" class="form-control w70" type="number" value="0">
- </div>
- <div class="form-group">
- <span>Limit: </span>
- <input name="limit" class="form-control w70" type="number" value="5">
- </div>
- <div class="form-group">
- <input name="search" class="form-control" type="text" placeholder="搜索">
- </div>
- <button id="ok" type="submit" class="btn btn-default">OK</button>
- </div>
- </div>
- <table id="table" data-toolbar="#toolbar"></table>
- </div>
- <scrip{过滤}t>
- $(function () {
- $('#table').bootstrapTable({
- url: '/SiteManager/Data',
- method: 'POST', //请求方式
- pagination: true, //分页
- striped:true,
- pageSize: 5, //每页显示的数量
- //cache:false, //禁用缓存
- pageList: [10, 25, 50, 100], //数据分页数
- //search:true, //搜索
- //queryParams: queryParams, //参数
- sidePagination: 'server',//设置为服务器端分页
- columns: [{
- field: 'SiteName',
- title: '站点名称'
- }, {
- field: 'SiteUrl',
- title: '域名'
- }, {
- field: '',
- title: '认证方式'
- }, {
- field: '',
- title: '状态'
- }, {
- field: 'CreateDate',
- title: '创建时间'
- }]
- });
- });
- function queryParams(params) {
- return {
- pageSize: params.limit,
- pageNumber: params.pageNumber,
- };
- }
- </scrip{过滤}t>
- </body>
- </html>
코드 복사
오늘날 서버 페이지네이션에 bootstrap-table을 사용할 때는 항상 페이지 번호를 맨 앞에서 백그라운드로 옮기지 못하고 여러 매개변수를 입력할 수 없습니다.
일반적으로 배경 값은 Request.Form, Request.Params, Request.QueryString 세 가지 메서드를 통해 처리됩니다.
하지만 디버깅을 위해 백그라운드에서 전원을 끄면 해당 정보를 얻을 수 없었고, 이후 브라우저가 F12를 실행해 전송된 데이터 패킷을 확인했습니다. 다음과 같습니다:
매개변수는 Request 페이로드를 통해 전달되고, MSDN에서 문서를 확인했더니 값을 취하면 인터넷에서 이 문제를 겪은 사람이 없다는 것을 알게 되었습니다???? 놀랐어!
C# asp.net 배경 검색 방법:
- var bytes = new byte[Request.InputStream.Length];
- Request.InputStream.Position = 0;
- Request.InputStream.Read(bytes, 0, bytes.Length);
- string str = Encoding.UTF8.GetString(bytes);
코드 복사 http://www.itsvse.com/thread-2382-1-1.html
|