回傳后，jQuery自動完成不起作用

Question

在MVC 4中，我在部分視圖中有一個具有自動完成功能的文本框，並且我在兩個視圖（視圖1和視圖2）中使用此部分視圖。在視圖1中，它工作正常，因為視圖1沒有任何回發，在View 2中，我有一個提交按鈕導致回發，在回發之后，部分顯示在屏幕上，否則它被隱藏了。此處的自動完成功能不起作用。

$("#txtProduct").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    data: { term: request.term },
                    datatype: JSON,
                    url: 'UploadEligibilityCodes/GetAllMatchingProducts',
                    success: function (data) {

                        response($.map(data, function (value, key) {
                            return {
                                label: value.ProductName.concat("(", value.ProductId, ")"),
                                value: value.ProductName,
                                pid: value.ProductId
                            };
                        }))
                    }

                });
            },
            select: function (event, ui) {
                $('#hdnProductIdSearch').val(ui.item.pid);

            }
        });

這是在名為SearchFilters.cshtml的部分視圖中定義的文本框的代碼，以及使用以下部分視圖的視圖2。

 @using (Html.BeginForm( "Validate","UploadEligibilityCodes",FormMethod.Post, new {id="UploadForm" , enctype = "multipart/form-data" }))
   {
 <div class="col-sm-1 form-group">
                            <button type="submit" class="SIMPLDocumentUploadSave" id="importbtn" value="Import" style="width: 100px">&nbsp;Import</button>
                        </div>
}

 <div class="col-sm-12 form-group SIMPLAdvancedFilterOptions">
                               @Html.Partial("SearchFilters")
                        </div>

我看到了一些在ASP.Net中使用Sys.WebForms.PageRequestManager的示例，但同樣，我無法將其應用於mvc應用程序的html。請幫助:)

Answer 1

您可以用常規按鈕替換您的Submit按鈕，然后使用jQuery手動調用表單上的commit submit()嗎？ 這可以幫助您解決回發問題