使用 select 在数据表中创建个性化过滤器

Question

我想在我的数据中创建table 一个带有下拉菜单的个性化过滤器，但我不知道从哪里开始...抱歉，我的问题很糟糕。我从 datatable 阅读文档，从 Whosebug 阅读其他 post，但我不知道该怎么做。

我需要用这个参数创建一个过滤器：

新
待定
无
确认
已商业化
确认缺席
确认为空

我需要其他下拉过滤器，但如果我先做了，那么接下来可以做。

我需要用这些数据创建一个 select 个性化，然后我需要为控制器创建事件和函数等等？我在 laravel 5.6 的后端工作。现在我有了这个代码：

initComplete: function () {
            // bottom filter
            this.api().columns([6,8,9]).every( function () {
                var column = this;
                var select = $('<select class="form-control"><option value=""></option></select>')
                    .appendTo( $(column.footer()).empty() )
                    .on( 'change', function () {
                        var val = $(this).val();
                        column.search( this.value ).draw();
                    } );
                
                // If I add extra data in my JSON, how do I access it here besides column.data?
                column.data().unique().sort().each( function ( d, j ) {
                    select.append( '<option value="'+d+'">'+d+'</option>' )
                } );
            } );
        },

但是这个 return 实际数据是我的 table 并创建 select。我需要使用 x 选项创建 select，然后才能搜索数据并填充数据table。

对不起我的问题，谢谢你的帮助

Answer 1

用这段代码我可以解决我的问题：

initComplete: function () {
            // DATE FILTER
            this.api().columns([3]).every( function () {
                var column = this;
                var select = $('<select class="form-control"><option value=""></option></select>')
                    .appendTo( $(column.footer()).empty() )
                    .on('change', function () {
                        var val = $(this).val();
                        column.search( this.value ).draw();
                    } );
                
                // If I add extra data in my JSON, how do I access it here besides column.data?
                select.append( '<option value="nueva">Nueva</option>'+
                                '<option value="confirmada">Confirmada</option>'+
                                '<option value="pendiente">Pendiente</option>'+
                                '<option value="nula">Nula</option>'+
                                '<option value="aplazada">Aplazada</option>'+
                                '<option value="ausente">Ausente</option>'+
                                '<option value="venta">venta</option>'
                            );
            } );

在我的问题中，我使用此代码从我的 table 和创建的过滤器中获取所有 header。我想我可以用它来创建一个 select 在位置 3 的我的价值观......没关系

使用 select 在数据表中创建个性化过滤器

create personaliced filter in datatable with select

datatable

jquery

datatables

laravel-5