How to add the search widget to lists by hand

[pmartinezf]

Hello, as it says in the following link it is possible to create a list without behaviours, I am trying to add the search widget, but I can not make it work. The idea is to render a list with filters and search inside reportwidget.

[LukeTowers]

Do you have a specific question other than "I can not make it work"?

[pmartinezf]

Sorry, how can I add a search widget to the list?

$config = $this->makeConfig('$/acme/formist/models/customer/columns.yaml');
$config->model = new \Acme\Formist\Models\Customer;
$customersList = $this->makeWidget('Backend\Widgets\Lists', $config);

[LukeTowers]

You don't add it to a list directly; you bind them both to the controller and use events to hook them up together. Try looking at the ListController behavior as an example of how to do things that it does: https://github.com/wintercms/winter/blob/develop/modules/backend/behaviors/ListController.php#L201-L273

[pmartinezf]

Thank you very much, very kind, your answer has helped me a lot.
However, in the goup filter types, when it makes the AJAX request to onFilterGetOptions, I get the following error:

In my config_filter.yaml file

scopes: 
    month:
        label: "Colegios con datos en los meses"
        type: group
        scope: myScopeHere
        options:
            january: Enero
            february: Febrero
           ...

Any suggestions?

[LukeTowers]

What does the full stack trace in the event logs say?

[pmartinezf]

My problem:
search[term] is sent in the ajax request to the handler onFilterGetOptions, then throw the error in statement
Str::lower($searchQuery) because $searchQuery = post('search') (is array, no string)

    public function onFilterGetOptions()
    {
       ...
       // Get array ['term' => ""]
        $searchQuery = post('search');
      ...
        $available = $this->getAvailableOptions($scope, $searchQuery);
      ...
    }
/* ... */
    /**
     * Look at the defined set of options for scope items, or the model method.
     * @return array
     */
    protected function getOptionsFromArray($scope, $searchQuery = null)
    {
         // Load data all OK
      
        /*
         * Apply the search
         */
        // Error Here $sesrchQuery) = ['term'=> ""] no string
        $searchQuery = Str::lower($searchQuery);
...

My searchWidget:

$searchWidget = $this->makeWidget('Backend\Widgets\Search');

$searchWidget->prompt="Buscar...";
$searchWidget->searchOnEnter=false;
$searchWidget->mode='all'; 
        
$searchWidget->bindEvent('search.submit', function () use ($searchWidget) {
      $this->colegiosListWidget->setSearchTerm($searchWidget->getActiveTerm(), true);
       return $this->colegiosListWidget->onRefresh();
});

$searchWidget->bindToController();

My FilterWidget

 $filterConfig = $this->makeConfig('$/author/plugin/reportwidgets/mireport/config_filter.yaml');
 $filterConfig->alias =  $this->colegiosListWidget->alias . 'Filter';
 $filterWidget = $this->makeWidget(\Backend\Widgets\Filter::class, $filterConfig);

$filterWidget->bindEvent('filter.update', function () {
     return $this->colegiosListWidget->onFilter();
});

$filterWidget->bindToController();

$this->colegiosListWidget->addFilter([$filterWidget, 'applyAllScopesToQuery']);

Partial widget.htm

<!-- Search List widget -->
<div class="toolbar-widget list-header" id="Toolbar-listToolbar">
	<div class="toolbar-item" data-calculate-width="" style="width: 180px;">
		<?= $searchWidget->render() ?>
	</div> 
</div>
<!-- Filter -->
<div>
	<?= $filterWidget->render() ?>
</div>
List Here!