ListControllerの動作によって使用される検索ボックス用のカスタムHTML

Question

バックエンドパネルのリスト検索の動作をカスタマイズする必要があります。

私はこのリストを更新/、AJAXリクエストを通じてキーワードを送信する特定のクエリを作成して返す必要があります。

検索入力は、Data attributes 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を通してそれを実行したい、より正確に。私はこれを行うことが非常に簡単です（

Answer 1

枠組みの中で、この機能を見つけることができません。あなたのリストのコントローラの設定（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>