2016-08-02 3 views
1

Ich habe ein kleines Problem mit Datatables, YADCF und Button Colvis: Ich kann nicht in der gleichen Tabelle die Eigenschaft sichtbar: false, eine filter_container_id und yadcf. Das Yadcf-Plugin stürzt ab und zeigt nichts an. Dies ist eine aufgeräumte Version meiner Datentabelle Initialisierung:YADCF, Spalte Sichtbarkeit funktioniert nicht richtig mit filter_container_id

datatable = $('#Datatable').DataTable({ 
    serverSide:true, 
    processing:true, 
    ajax: { 
     url: '/app/object/liste', 
     type: "POST" 
    }, 
    columns: [ 
     {data:"pc_id", width:"90px"}, 
     {data:"pc_statut", visible:false, width:"90px"}, 
     {data:"reference_dossier", width:"90px"}], 
    buttons: [{ 
     extend: 'colvis', 
     text: 'Colonnes', 
     collectionLayout: 'fixed three-column', 
     columns: ':gt(0)' 
    }], 
    initComplete:function(a, b){ 
     new $.fn.dataTable.FixedColumns(datatable, { 
      leftColumns: 1 
     }); 

     var clonedTable = document.querySelectorAll('.DTFC_Cloned'); 
     for (var i = 0; i < clonedTable.length; i++){ 
      clonedTable[i].id = 'DTFC_Cloned'; 
     } 
     $('#DTFC_Cloned thead tr:eq(1) th:last-child').append(
      '<span id="fixed_col_filter_container"></span>' 
     ); 

     yadcf.init(
      datatable, 
      [ 
       { 
        column_number:1, 
        filter_container_id:"fixed_col_filter_container", 
        filter_type:"text", 
        filter_delay:"500" 
       },{ 
        column_number:2, 
        filter_container_id:"pc-pc_statut-2", 
        filter_type:"text", 
        filter_delay:"500" 
       },{ 
        column_number:3, 
        filter_container_id:"pc-reference_dossier-2", 
        filter_type:"text", 
        filter_delay:"500" 
       } 
      ], 
      {language: tabLanguage} 
     ); 
    } 
}); 
+0

yadcf spielt nicht gut mit FixedColumns, versuchen zu sehen, wie es ohne es funktioniert und versuche, die yadcf init aus der initComplete zu entfernen, falls das immer noch nicht funktioniert - stelle einen Link zu einem Testfall zur Verfügung – Daniel

+0

Sorry, das ist besser: http://live.datatables.net/betupena/2/edit – QdSJ

Antwort

0

ich ein Update hinzugefügt yadcf und fixiert Ihren Code als auch,

Besorgen Sie sich die neueste 0.9.0.beta.23 und beachten Sie, dass column_number Werte sind Null basierend (erste Spalte sollte column_number: 0 haben und so weiter)

See it working here

+0

Hallo, danke für den Einsatz !!! Ich habe die neueste Version und yadcf die Arbeit machen. Eine weitere Frage: Wie könnte ich eine Klasse zu einem Range-Date-Filter (oder einer Bereichsnummer) hinzufügen? Button colvis (ohne, es ist einfach mit ein paar Zeilen von JS, aber nicht mit colvis ...)? Ich habe die Option style_class für die anderen Filter gesehen. Für die Bootstrap-Integration muss ich die Eingabegruppe für die Wrapper- und form-control/input-sm-Klasse für Eingaben hinzufügen. – QdSJ

+0

Wenn meine Antwort Ihre Frage gelöst hat, markieren Sie sie als akzeptiert, was den Stil betrifft ... Am besten ist es, eine PR zu senden, wie jemand vor ein paar Tagen [siehe PR] (https://github.com/ vedmack/yadcf/pull/337) weil ich es in naher Zukunft nicht tun kann – Daniel

Verwandte Themen