ListController行为使用的搜索框的自定义HTML

Question

我想为后端面板自定义列表搜索行为.

我需要通过ajax请求发送关键字,进行特定查询并返回/更新此列表.

目前搜索输入通过数据属性API工作.

<input placeholder="Search..." type="text" name="listToolbarSearch[term]" value="2" data-request="listToolbarSearch::onSubmit" data-track-input="" data-load-indicator="" data-load-indicator-opaque="" class="form-control icon search growable" autocomplete="off">

更确切地说,我想扩展data-request="listToolbarSearch::onSubmit"函数或制作类似的东西,并通过javascript ajax api在click事件上执行它.我在框架中找不到这个功能(

Answer 1

这很简单.在List Controller配置(config_list.yaml文件)中,工具栏搜索选项将接受要使用的部分名称.

# Toolbar widget configuration
toolbar:
    # Partial for toolbar buttons
    buttons: list_toolbar

    # Partial for toolbar search
    search: my_search

然后在控制器视图目录中,您可以使用您喜欢的任何搜索标记.例如,创建一个_my_search.htm使用以下内容调用的部分:

<div class="loading-indicator-container size-input-text">
    <input
        placeholder="Search for something"
        type="text"
        name="term"
        value=""
        data-request="onMyHandler"
        data-track-input
        data-load-indicator
        data-load-indicator-opaque
        class="form-control"
        autocomplete="off" />
</div>