Jquery自动完成在回发后无法工作

本文关键字:工作 Jquery | 更新日期: 2023-09-27 18:27:28

在MVC 4中,我在部分视图中有一个具有自动完成功能的文本框。我在两个视图中使用此部分视图,即视图1和视图2。在视图1中,它运行良好,因为视图1没有任何回发,而在视图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。请帮助:)

Jquery自动完成在回发后无法工作

您是否可以将提交按钮替换为常规按钮,并使用jQuery手动调用表单上的submit()?这可以帮助您解决回发问题