自动完成功能无法在mvc中的模型弹出窗口中工作 [英] autocomplete not working in model popup in mvc

问题描述

@section Scripts {

    
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jqueryui")
}
        


 <script type="text/javascript">
    $(document).ready(function () {
        debugger;
        $("#txtstudentautosearch").autocomplete({
          
            source: function (request, response) {
                debugger;
                $.ajax({
                    url: "/FeeReports/AutoCompleteStudent",
                    type: "POST",
                    dataType: "json",
                    data: { term: document.getElementById("txtstudentautosearch").val() },
                    success: function (data) {

                        response($.map(data, function (item) {
                            return { label:item.FirstName + ", Student ID :"+ item.StudentID +", Class :"+ item.ClassTitle, value: item.FirstName +", Student ID :"+ item.StudentID + ", Class :" + item.ClassTitle }
                        }))  

                    }
                })
            },
            select: function (event, ui) {
                $("#txtstudentautosearch").val(ui.item.label); // display the selected text
                $("#txtstudentautosearch").val(ui.item.value); // save selected id to hidden input
            },
            messages: {
                noResults: "", results: ""
            }
        });
    });

            
            $("#txtstudentautosearch").change(function () {
                debugger;
                $.ajax({
                    url: '@Url.Action("StudentFeeInfo")',
                 
                    data: { txtstudentautosearch: $('#txtstudentautosearch').val() },
                            success: function (data) {

                            },

                        });
                        return false;
                    })
                    $("#btnpdf").click(function () {
                        debugger;
           
                        $.ajax({

                            url: '@Url.Action("studentfeeInfoReportGenerated")',

                            data: { txtstudentautosearch: $('#txtstudentautosearch').val() },
                success: function (data) {
                    window.open('@Url.Action("GetFile", "FeeReports")?path=' + data);

                },

            });
        });

           
   </script>

推荐答案

（document）.ready（function（） {
debugger;

(document).ready(function () { debugger;

（ ＃txtstudentautosearch）。autocomplete（{

source：function（request，response）{
debugger;

("#txtstudentautosearch").autocomplete({ source: function (request, response) { debugger;

.ajax（{
url： / FeeReports / AutoCompleteStudent，
类型： POST，
dataType： json，
data：{term：document.getElementById（ txtstudentautosearch）。val（）}，
成功：函数（数据）{

响应（

.ajax({ url: "/FeeReports/AutoCompleteStudent", type: "POST", dataType: "json", data: { term: document.getElementById("txtstudentautosearch").val() }, success: function (data) { response(

这篇关于自动完成功能无法在mvc中的模型弹出窗口中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！