Javascript自动完成功能在Ascx中不起作用

少年科滕巴赫

我在ascx文件的网格视图中有一个自动完成功能,但是该自动完成功能在ascx文件中不起作用。我在其他可以正常工作的页面上做了几个类似的自动完成。为什么自动完成功能在我的ascx文件中不起作用。我有一个假设,为什么它不起作用,但是我不确定如何在这里修复它

我认为问题出在javascript中的以下网址

      url: "contratoGerencia.aspx/getSupplierAndComponente"

但是我不知道该如何更改它才能使其与ascx文件一起使用。我也在这里找到了解决方案https://www.codeproject.com/Questions/757769/How-to-Call-Ascx-page-form -JavaScript-Funnction-Of这几乎是我想要的,唯一的问题是我也遇到了一个文本框。任何帮助将不胜感激。希望以下信息对您有所帮助。

这是我的ascx(ComponentesControler.ascx)代码

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <link href="../css/autocomplete.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="../scripts/autocomplete.js" ></script>
    <asp:TextBox CssClass="gridContractAndComponente" ID="txtContractComponenteFooter" Text="" runat="server" TextMode="MultiLine" Rows="1" />

这是我的ascx.cs(ComponentesControler.ascx.cs)代码

   [WebMethod]
        public static List<string> getSupplierAndComponente(string prefixText)
        {
            string lv_numero_contrato;
            List<string> numeros_contrato = new List<string>();
            connectionStringBuilder builder = new connectionStringBuilder();
            String connString;
            connString = builder.builder.ConnectionString;

            string selectStatement = " SELECT numero_contrato FROM erp_contratos ";


            using (MySqlConnection conn = new MySql.Data.MySqlClient.MySqlConnection(connString))
            {
                conn.Open();
                using (MySqlCommand cmd = conn.CreateCommand())
                {
                    cmd.CommandText = selectStatement;
                    cmd.Parameters.AddWithValue("@searchText", prefixText);
                    using (MySqlDataReader reader = cmd.ExecuteReader())
                    {
                        while (reader.Read())
                        {
                            lv_numero_contrato = reader.GetString(reader.GetOrdinal("numero_contrato"));
                            numeros_contrato.Add(lv_numero_contrato);
                        }
                    }
                    conn.Close();
                }
            }
            return numeros_contrato;
        }

这是我使用ascx文件的aspx页面(contratoGerencia.aspx)

  <div id="ComponentesSection" class="menusection">         
        <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Always" >
      <ContentTemplate>                   
    <TWebControl5:WebControl5 ID="Header8" runat="server" />                   
    </ContentTemplate>  
   </asp:UpdatePanel>
  </div>

这是我的JavaScript文件(autocomplete.js)

$(document).ready(function () {
    SearchSupplierAndComponente();
});
function SearchSupplierAndComponente() {
    $(".gridContractAndComponente").autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "contratoGerencia.aspx/getSupplierAndComponente",
                data: "{'containedText':'" + document.getElementById('PageContent_gvPrimaryGrid_txtContractComponenteFooter').value + "'}",
                dataType: "json",
                success: function (data) {
                    response(data.d);
                },
                error: function (result) {
                    alert("Error");
                }
            });
        }
    });
}
雷南·巴博萨(Renan barbosa)

问题在于您在AJAX中输入的参数名称,您的方法希望接收一个名为prefixText而不是ContainedText的参数

更改

data: {'containedText':'" + document.getElementById('PageContent_gvPrimaryGrid_txtContractComponenteFooter').value + "'}

data: {'prefixText':'" + document.getElementById('PageContent_gvPrimaryGrid_txtContractComponenteFooter').value + "'}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么本地软件包的自动完成功能在Atom编辑器中不起作用?

jQuery UI自动完成功能在部分视图中不起作用

PyCharm中的pytest固定装置自动完成功能不起作用

Xcode自动完成功能在Swift游乐场的Sources文件夹中不起作用

Godot / GDScript:自动完成功能不起作用

Jqueryui自动完成功能在Bootstrap模型中不起作用

Google Maps自动完成功能在模式弹出窗口中不起作用

Visual Studio Code中的标签页自动完成功能不起作用

PhpStorm中的TailwindCSS自动完成功能不起作用

为什么vscode自动完成功能在js函数中不起作用?

jQuery自动完成功能不起作用?

Windows中OpenCV-Python的自动完成功能不起作用

网址自动完成功能在Chrome中不再起作用

自动完成功能不起作用

自动跳转自动完成功能不起作用

jQuery自动完成功能不起作用

ASP.NET MVC 4中的jQuery UI自动完成功能不起作用

蚀Java自动完成功能不起作用

Google Places自动完成功能在我的模拟器或VMware中不起作用

HTML自动完成功能不起作用

组合框自动完成功能不起作用

阿尔及利亚角度自动完成功能不起作用

vscode键入自动完成功能不起作用

Django自动完成功能不起作用

jquery中的自动完成功能不起作用,但jquery正常运行

React Native 的代码建议和自动完成功能在 atom 中不起作用

AJAX 自动完成功能不起作用

Pycharm 自动完成功能在 conda env 中不起作用

新文件中的空闲自动完成功能不起作用