[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注記方式を使用して注記を構成する必要がある解析クラスを使用できます.
     
          
             
          
     

単純な使用例
ページ
$('#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パラメータ解析プラグインを見てください