受付方法:
関数ショー(){ $( '#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 > </ テーブル>