2016-12-19 11 views
1

私のdataTableに検索オプションを追加したいと思います。 1.10.13 serverside処理オプションを使用しています。ここDataTableサーバサイド検索

は、私が試してみましたjsのコードです:以下

var thisTable = $('#users).DataTable({ 
     "processing": true, 
     "serverSide": true, 
     "ajax": { 
      "type": "GET", 
      "url": "/user/userda", 
      "dataSrc": "data", 
      "contentType": "application/json; charset=utf-8", 
      "dataType": "json", 
      "processData": true 
     }, 
     "fnDrawCallback": function() { 
      console.log(this.fnSettings().fnRecordsTotal()); 
     }, 
     "columns": [ 

      {"data": "name"}, 
      {"data": "email"}, 
      {"data": "company"}, 
      {"data": "usersgroup"}, 
      {"data": "regdate"} 

     ] 
    }); 

は、私の見解検索入力です:

私はデータテーブルとフィールドの下に結合して、検索をしたいです。私は

<div class="filterPart"> 
     <label>Search</label> 
     <input id="search" value="<?php echo $search; ?>" placeholder="Keyword" type="text" class="customfilters" /> 
    </div> 
    <div class="filterPart lastLogin"> 
     <label>Registration</label> 
     <input id="custom_registration_date1" readonly="readonly" value="<?php echo $registrationDateFrom; ?>" data-target-input="registration_date1" name="custom_registration_date1" placeholder="From"> 
     <input id="custom_registration_date2" readonly="readonly" value="<?php echo $registrationDateTo; ?>" data-target-input="registration_date2" name="custom_registration_date2" placeholder="To"> 
    </div> 
+0

あなたがサーバー側の検索を行う場合、あなたは認識していますか?ディスプレイコードの総数、ページ、ソート、検索テキスト、合計レコードをdBで表示して、現在の番号を表示する必要があります.. –

+0

@Rajshekar Reddy私のモデルを介してそれらの値をjsに渡す必要がありますか?アドバイスをお願いします –

+0

検索を実行すると、プラグインはこれらのすべてのパラメータを指定したURLに送信します。すべてのパラメータを考慮して結果を照会する必要があります。結果セットが小さければ、ローカルデータまたはHTMLテーブルのアプローチ –

答えて

0

あなたの外部入力を使用してグローバル検索を実行するにはアドバイスしてください:

$('#search').on('keyup click', function(){ 
    $('#users').DataTable().search(this.value).draw(); 
}); 

は詳細についてはGlobal search例を参照してください。

+0

に感謝してください。 datepickerで日付範囲を検索するにはどうすればよいですか? ex:coloumはreg_dateなので、fromとtoの検索フィルタを追加したいと思います。 plsのアドバイス –

関連する問題