Note to self:

It appears that custom panes are not yet fully supported for server-side but the builder added on this PR is already generating a working a scripts.

https://datatables.net/extensions/searchpanes/serverside

It is also worth noting that custom panes will not be supported by server-side processing in SearchPanes 1.1 but this is something that we are aiming to provide in the future with SearchPanes 1.2.

Also, search panes can be hooked directly to the column builder which triggers a correct ajax request.

Column::make('carrier.name')    ->searchPanes(SearchPane::make()->modelOptions(Carrier::class,'name','id'))    ->title('Carrier'),

Server-side implementation notes

JS Demo ref:https://editor.datatables.net/examples/extensions/searchPanes.html

As of writing, it seems like search panes on server-side only works via column definition. To implement, the following builder options can be used:

Implementation 1

// HTML Builder->addColumnDef(['searchPanes' => ['show' =>true],'targets' => [3],])

Implementation 2

useYajra\DataTables\Html\ColumnDefinition;// HTML Builder->addColumnDef(fn(ColumnDefinition$definition) =>$definition->searchPanes()->targets([3]))

Implementation 3

useYajra\DataTables\Html\ColumnDefinition;// HTML Builder->searchPanes(['hideCount' =>true])// hideCount can be removed if your search pane options supports it->addColumnDef(fn(ColumnDefinition$definition) =>$definition->searchPanes()->targets([3]))

Finally, thanks@yajra

Hi@yajra ,
i'm testing searchpane with serverside.
I see values in my single simple pane. (using modelOptions Column method : ->searchPanes(SearchPane::make()->modelOptions(Carrier::class,'name','name')) )

i'm using editor to edit name.

when i click a value in my pane i see the processing but filter not applied in resultset.

Whats appen?

this column definition

{"data":"carrier.name","name":"carrier_name","title":"Carrier Name","orderable":false,"searchable":false,"searchPanes":{"options":[{"value":"MBE","label":"MBE"},{"value":"UPS","label":"UPS"},{"value":"Corriere Espresso TNT","label":"Corriere Espresso TNT"}]},"visible":true,"editField":"id_carrier"}

can depend with $('#example').DataTable().searchPanes.rebuildPane(0, true);?