ブートストラップページングクエリ

受付方法:

   関数ショー(){ 
            $( '#reportTable' ).bootstrapTable({ 
                メソッド: '取得' 
                URL: "@のUrl.Action(" GetListの" "UserInfoFun")" 
                ページネーション:// 分页 
                ストライプ:
                pageSizeを: 10 
                ページ番号: 1 
                minimumCountColumns: 1 
                queryParamsType: '数' 
                sidePagination: 'サーバ'
                データ型: 'JSON' 
                contentTypeの: 'アプリケーション/ JSON' 
                idField: 'S_CASEID' 
                queryParams:getQueryParams 
            })。
        }

 

 関数getQueryParams(queryParams){
             VARのオプション= $( "#reportTable")bootstrapTable( 'GETOPTIONS'。); 
            $ .extend(オプション、queryParams)。
            VARはsortOrder = options.sortOrder == "DESC"?"ASC": "DESC" ;
            VAR SORTNAME = options.sortName || 「S_ID」VaRの TEMP = $( "#のfm_doc" ).serializeJsonObject(); 
            TEMP [ "pageIndexパラメータ"] =(options.pageNumber - 1)* options.pageSize。
            TEMP [ "のpageSize"] = options.pageSize。
            TEMP [ "ソート" ] = SORTNAME + はsortOrder。
           リターン一時; 
        }

 

  関数formatterOperation(値、行インデックス){
             VARの STR = "" ; 
            STR + =「<a href=\"javascript:void(0)\" onclick=\"Edit('" + row["Id"] + "')\"> <スパンクラス= 'glyphicon glyphicon、鉛筆' > </ span>の编辑</a>の&NBSP;&NBSP;」; 
            STR + =「<a href=\"javascript:void(0)\" onclick=\"Delete('" + row["Id"] + "')\"> <スパンクラス= 'glyphicon glyphicon-削除' > </ span>の删除</a>を」リターンSTR。
        }
  関数は、(ID){削除
             であれば((確認"を确认要删除用户吗?" )){ 
                $アヤックス({ 
                    URL: "@のUrl.Actionが("削除" "UserInfoFun")" 
                    種類: "ポスト" 
                    データ:{ID:ID}、
                    データ型: "JSON" 
                    成功:関数(D){
                         場合(d.Success){ 
                            アラート( "删除成功" ); 
                            // doSearchByButton()。
                        } 
                        {
                            警告(d.ErrorMsg)。
                        } 
                    } 
                })。
            } 
        }
  関数編集(ID){ 
            TopLayerInfo( '编辑用户'、 '?Url.Action @( "は、AddUser"、 "のUserInfo")IsAdd = FALSE&ID =' + ID + ''、'55% ''50%' ); 
        }

 

レセプションHTML:

 < DIV クラス= "ベーステーブル" ID = "tabDiv" スタイル= "高さ:600PX;マージン左:10pxの" > 
                < テーブルID = "reportTable" クラス= "テーブルbaseTHead" > 
                    < THEAD > 
                        < TR > 
                            < 番目データフィールド= "ID" >用户帐号</ 番目> 
                            < 番目のデータフィールド= "名前" >姓名</ 番目> 
                            < 番目のデータフィールド=」Policeinfo_Id " >年齢</ TH> 
                            < 番目データフォーマッタ= "formatterOperation" データALIGN = "センター" データ幅= "120ピクセル" >操作</ 番目> 
                        </ TR > 
                    </ THEAD > 
                </ テーブル>

 

おすすめ

転載: www.cnblogs.com/tiancaige/p/11454646.html