この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › フロントエンド設計とウェブ › フロントエンドフレーム › ブートストラップテーブルサーバーの背景データページング問題
眺める： 17298|答える： 0

[ブートストラップ] ブートストラップテーブルサーバーの背景データページング問題

[リンクをコピー]
掲載地 2015/11/06 17:28:00 | | | |
まず、フロントデスクのコードを貼り付けます:

  1. @{
  2.     Layout = null;
  3. }

  5. <!DOCTYPE html>

  7. <html>
  8. <head>
  9.     <meta name="viewport" content="width=device-width" />
  10.     <title>Test</title>
  11.     <link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  12.     <link href="/Content/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
  13.     <!-- jQuery 2.1.4 -->
  14.     <scrip{过滤}t src="/Content/bootstrap/plugins/jQuery/jQuery-2.1.4.min.js"></scrip{过滤}t>
  15.     <scrip{过滤}t src="/Content/bootstrap/js/bootstrap.min.js"></scrip{过滤}t>
  16.     <scrip{过滤}t src="/Content/bootstrap-table/bootstrap-table.js"></scrip{过滤}t>
  17.     <scrip{过滤}t src="/Content/bootstrap-table/locale/bootstrap-table-zh-CN.js"></scrip{过滤}t>
  18. </head>
  19. <body>
  20.     <div>
  21.         <div id="toolbar">
  22.             <div class="form-inline" role="form">
  23.                 <div class="form-group">
  24.                     <span>Offset: </span>
  25.                     <input name="offset" class="form-control w70" type="number" value="0">
  26.                 </div>
  27.                 <div class="form-group">
  28.                     <span>Limit: </span>
  29.                     <input name="limit" class="form-control w70" type="number" value="5">
  30.                 </div>
  31.                 <div class="form-group">
  32.                     <input name="search" class="form-control" type="text" placeholder="搜索">
  33.                 </div>
  34.                 <button id="ok" type="submit" class="btn btn-default">OK</button>
  35.             </div>
  36.         </div>
  37.         <table id="table" data-toolbar="#toolbar"></table>
  38.     </div>
  39.     <scrip{过滤}t>
  40.         $(function () {
  41.             $('#table').bootstrapTable({
  42.                 url: '/SiteManager/Data',
  43.                 method: 'POST',          //请求方式
  44.                 pagination: true,         //分页
  45.                 striped:true,
  46.                 pageSize: 5,             //每页显示的数量
  47.                 //cache:false,            //禁用缓存
  48.                 pageList: [10, 25, 50, 100],    //数据分页数
  49.                 //search:true,                //搜索
  50.                 //queryParams: queryParams,   //参数
  51.                 sidePagination: 'server',//设置为服务器端分页
  52.                 columns: [{
  53.                     field: 'SiteName',
  54.                     title: '站点名称'
  55.                 }, {
  56.                     field: 'SiteUrl',
  57.                     title: '域名'
  58.                 }, {
  59.                     field: '',
  60.                     title: '认证方式'
  61.                 }, {
  62.                     field: '',
  63.                     title: '状态'
  64.                 }, {
  65.                     field: 'CreateDate',
  66.                     title: '创建时间'
  67.                 }]
  68.             });
  69.         });
  70.         function queryParams(params) {

  72.             return {
  73.                 pageSize: params.limit,

  75.                 pageNumber: params.pageNumber,

  77.             };
  78.         }
  79.     </scrip{过滤}t>
  80. </body>
  81. </html>
コードをコピーします



現在、サーバーページを割り当てるためにbootstrap-tableを使うと、いつもページ番号を前面から背景に取得できず、一連のパラメータも取得できません。

一般的に、バックグラウンド値はRequest.Form、Request.Params、Request.QueryStringの3つのメソッドで取得されます。

しかし、バックグラウンドで電源を切ってデバッグしたとき、対応する情報が得られず、ブラウザはF12を実行して送信されたデータパケットを確認しました。以下の通りです:



パラメータはRequest payloadに渡され、その後msdnでドキュメントを確認したところ、その値を取得すればインターネット上でこの問題に遭遇した人はいません???? 驚いたよ!

C# asp.net 背景検索方法:


  1. var bytes = new byte[Request.InputStream.Length];
  2.             Request.InputStream.Position = 0;
  3.             Request.InputStream.Read(bytes, 0, bytes.Length);

  5.             string str = Encoding.UTF8.GetString(bytes);
コードをコピーします
http://www.itsvse.com/thread-2382-1-1.html




先の：.NET C#のバックグラウンドでRequestペイロードの値を取るための質問
次に：.net パラメータの読み取りと分割 必要なパラメータの見つけ方

関連記事
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com