[Tool]jQueryテーブルプラグインDataTableのサーバ側パラメータ解析ツール
4679 ワード
jQueryテーブルプラグインDataTableのサーバ側パラメータ解析ツール
ページ分け、インスタント検索とソートはほとんどデータソースをサポートしています:DOM、javascript、Ajaxとサーバー処理は異なるテーマDataTable、jQuery UI、Bootstrap、Foundationの様々な拡張をサポートしています:Editor、TableTools、FixedColumns......豊富なoptionと強力なAPIは国際化をサポートしています
DataTableプラグインの使用クリックはサーバーモードをオンにする必要があります
使用方法
spring mvc注記方式を使用するか、DataTableUtilsツール解析パラメータを使用してspring mvc注記方式を使用して注記を構成する必要がある解析クラスを使用できます.
単純な使用例
ページ
バックグラウンド
mybatisを使用している場合は、PageHelperプラグインと私のdatatableプラグインを組み合わせると便利です
コードも比較的簡単に実現します中のコードDataTableパラメータ解析プラグインを見てください
ページ分け、インスタント検索とソートはほとんどデータソースをサポートしています:DOM、javascript、Ajaxとサーバー処理は異なるテーマDataTable、jQuery UI、Bootstrap、Foundationの様々な拡張をサポートしています:Editor、TableTools、FixedColumns......豊富なoptionと強力なAPIは国際化をサポートしています
DataTableプラグインの使用クリックはサーバーモードをオンにする必要があります
使用方法
spring mvc注記方式を使用するか、DataTableUtilsツール解析パラメータを使用してspring mvc注記方式を使用して注記を構成する必要がある解析クラスを使用できます.
単純な使用例
ページ
$('#sample-table-2').dataTable( {
bAutoWidth : false, //
serverSide : true, //
ordering : false, //
dom: 'lrtip', // 、 、 、
language : {
processing : " !" //ajax
},
ajax : {
// url, 、
url : "${pageContext.request.contextPath}/user/list.html",
type : "POST",
//data : function(d) {
// //
// d.extra_search = {
// begin_time : $("#starttime").val(),
// end_time : $("#endtime").val()
// }
//}
},
// Bean Json
columns : [
{data : "id"},
{data : "acctNo"},
{data : "name"},
{data : "contactMobile"},
{data : "roleType"},
{data : "creatDate"},
{data : "lastDate"},
{data : "status"},
{data : "id"},
],
//
columnDefs : [
{
targets : [ 0 ],
data : "id",
render : function(data, type, full) {
return "";
}
}
]
} );
バックグラウンド
/**
* spring mvc Datatable
* @param tableRequest DataTable
* @return
* @throws Exception
*/
@RequestMapping("list")
@ResponseBody
public DataTableResponse getData(@DataTableParam DataTableRequest tableRequest) throws Exception{
// , 、 、
ResultObj resultObj = tableRequest.getResultObj(User.class);
//dataTable json
DataTableResponse user= new DataTableResponse();
//
return user;
}
@RequestMapping("list1")
@ResponseBody
public DataTableResponse getList(HttpServletRequest request) throws Exception{
//
DataTableRequest param = DataTableUtils.getParam(request);
// , 、 、
ResultObj resultObj = param.getResultObj(User.class);
//dataTable json
DataTableResponse user= new DataTableResponse();
//
return user;
}
mybatisを使用している場合は、PageHelperプラグインと私のdatatableプラグインを組み合わせると便利です
コードも比較的簡単に実現します中のコードDataTableパラメータ解析プラグインを見てください