title: Datatables yadcf plugin filling select filters with data from server
body: <p>First of all I'm grateful for this amazing plugin.</p>
  
  <p>I'm using yadcf version 0.8.8.beta.10.</p>
  
  <p>I'm trying to fetch select filter data from server. But when table is initialized select data is taken from dom. If I hit filter button to call exFilterExternallyTriggered(table) or I press column sort button data in select filter is updated with data from server. </p>
  
  <p>Heres javascript</p>
  
  <pre><code>var table = $('#' + table_id).DataTable({
              "scrollX": true,
              "processing": true,
              "serverSide": true,
              "fnDrawCallback": function( oSettings ) {
                fixDropDowns();
              },
              "order": [[ 15, "desc" ]],
              "ajax": {
                  "url": "${createLink(action: 'DataTableAjaxHandler')}",
              },
              "columns": [
               {"data": "edit",
                  "searchable": false,
                  "sortable": false,
                  },
              { "data": "subscriberId",
                  "searchable": true,
                  "sortable": true},
              { "data": "unitName",
                  "searchable": true,
                  "sortable": true},
              { "data": "networkType",
                  "searchable": false,
                  "sortable": true},
             .................................
              ],
  
              "sDom":"&lt;'dt-toolbar'&lt;'col-xs-18 col-sm-9 filterDiv'&gt;r&lt;'col-sm-3 col-xs-6 hidden-xs'l&gt;&gt;" +
              "t" +
              "&lt;'dt-toolbar-footer'&lt;'col-sm-6 col-xs-12 hidden-xs'i&gt;&lt;'col-xs-12 col-sm-6'p&gt;&gt;",
  
              "autoWidth": true,
              "preDrawCallback": function () {
                  // Initialize the responsive datatables helper once.
                  if (!responsiveHelper_dt_basic) {
                      responsiveHelper_dt_basic = new ResponsiveDatatablesHelper($('#' + table_id), breakpointDefinition);
                  }
              },
              "rowCallback": function (nRow) {
                  responsiveHelper_dt_basic.createExpandIcon(nRow);
              },
              "drawCallback": function (oSettings) {
                  responsiveHelper_dt_basic.respond();
              },
              "initComplete": function(){
                  var filters = [
                          new Filter(1, "subscriberId", "${message(code: 'radioUnit.subscriberId.label')}"),
                          new Filter(2, "nameFilter", "${message(code: 'radioUnit.unitName.label')}"),
                          new Filter(3, "networkType", "${message(code: 'radioUnit.networkType.label')}"),
                  ]
  
                  initFilterInterface(this.api(), filters, "${message(code: 'filter.filterButton.text')}");
  
                  setTimeout(function () {
                      yadcf.init(table, [
                      {
                          column_number: 1,
                          filter_type: "select",
                          filter_container_id: "subscriberId",
                          externally_triggered: true,
                          filter_reset_button_text: false
                      }, {
                          column_number: 2,
                          filter_container_id: "nameFilter",
                          externally_triggered: true,
                          filter_reset_button_text: false
                      }, {
                          column_number: 3,
                          filter_type: "text",
                          filter_container_id: "networkType",
                          externally_triggered: true,
                          filter_reset_button_text: false
                      }]);
                      }, 1000);
  
              }
          });
  
          new $.fn.dataTable.FixedColumns( table, {
              leftColumns: 2
          } );
  </code></pre>
  
  <p>Here's json that I got from server on datatables init:</p>
  
  <pre><code>{"draw":1,"recordsTotal":23,"recordsFiltered":19,
  "yadcf_data_1":["somedata"],"yadcf_data_2"
  :["someValue","test2","test2","test2"],"data":[...]} 
  </code></pre>
  
  <p><strong>Just after datatables init:</strong>
  <a href="http://i59.tinypic.com/2128oy.jpg" rel="nofollow">After init</a></p>
  
  <p><strong>After hitting filter button or sort column:</strong>
  <a href="http://i59.tinypic.com/2128oy.jpg" rel="nofollow">After hitting filter</a></p>
  
  <p>Sorry for uploading photos to external site, because I don't have 10 rep points I can't use image tag.</p>
  
  <p>As you can see from images after datatable init it uses dom, but after hitting filter it uses values I return from server. So for some kind of reason on first data load from server ignores yadcf_data_1, yadcf_data_2 values and uses DOM. </p>
  
  <p>Maybe I'm doing it wrong. Is there a way too fill select from server when triggering search with external button?</p>
  
  <p>And other question. Is it possible to use select2 search with ajax. Because I have quite few big tables and it would take a while to send all values from server to client.</p>