1

minLength が 4 の Kendo AutoComplete ウィジェットを使用しています。search が呼び出される行は、デバッグ中にエラーなしで実行されますが、何もしません。サーバー フィルタリングでリモート データを使用しています。最小の長さに達すると、オートコンプリートは完全に機能します。検索を強制することはできません。これが私のコードです：

$(function() {
    $("#txtPatientSearch").kendoAutoComplete({
        dataTextField: 'PatName',
        filter: 'contains',
        minLength: 4,
        clearButton: false,
        template: '#= data.PatName # ( #= data.CurrentAge # #= data.Gender # ) <br> Sub. ID: #= data.SubscriberID # <br> MRN: #= data.MRN #',          
        dataSource: {
            serverFiltering: true,
            transport: {
                read: {
                    url: searchUrl,
                    data: function () {
                        return {
                            searchTerm: $('#txtPatientSearch').val(),
                            patientListId: Filters.getSelectedPatientList().value
                        }
                    }
                    
                }
            },
            group: { field: "ResCategory" }
            
        }
    });

    $('#btnSearchPatients').on('click', function () {
        var searchTerm = $('#txtPatientSearch').val();
        $('#txtPatientSearch').data('kendoAutoComplete').search(searchTerm);
    });

    //Keeps the dropdown from closing when the "GO" button is clicked
    $('#ddPatientSearch').click(function (e) {
        e.stopPropagation();
    });
});
<div id="ddPatientSearch" class="dropdown-menu dropdown-menu-left border-dark" aria-labelledby="btnOpenSearch">
    <div class="demo-section k-content" style="width:400px">
        <div class="container-fluid">
            <div class="row">
                <div class="col-10 pl-1 pr-0 text-right">
                    <input id="txtPatientSearch" class="form-control form-control-sm" placeholder="Search patients" />
                </div>
                <div class="col-2 pl-1 pr-0">
                    <button id="btnSearchPatients" type="button">GO</button>
                </div>
            </div>
        </div>
        <div class="demo-hint pl-2 text-dark" style="font-size:12px">Hint: Search by name, subscriber, or MRN</div>
    </div>
</div>

4

1 に答える 1

3

Kendo Autocompleteはオプションsearchを尊重しているようです。minLengthこれは次の方法で解決できます。

  1. minLengthを 1 または長さに明示的に設定するsearchTerm
  2. 検索を行う
  3. minLengthをデフォルト値に設定 (4 )
    $('#btnSearchPatients').on('click', function () {
      var searchTerm = $('#txtPatientSearch').val();
      let a = $('#txtPatientSearch').data('kendoAutoComplete');
      a.setOptions({minLength: 1});
      // Searching twice here, because kendo does not show suggestions
      a.search(searchTerm);
      a.search(searchTerm);
      a.setOptions({minLength: 4});
    });

何らかの理由で、剣道はオプションの変更を尊重しないため、2 回検索しています。（使用setTimeoutしPromiseても役に立ちませんでした-剣道setOptionsが呼び出された後、ウィジェットとUIを更新するのに時間がかかると仮定します）

于 2021-08-19T21:41:48.697 に答える