如何通过服务器端更新Materializecss自动完成功能?

时间:2019-06-07 04:18:32

标签: c# autocomplete materialize master-pages

我有使用母版页的WebForms页。我试图在包含大约1000多个值的条目上实现Materializecss Autocomplete功能。下拉菜单不可行,因为我在单个页面上有三个条目。它适用于静态内容。 现在,我想从textchange的异步回发中加载data。我尝试了google,但没有找到与我想要的完全匹配的东西。

此代码位于WebForms页面的末尾

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
    var acMElems = document.querySelectorAll('input.autocomplete');
    var acMInstances = M.Autocomplete.init(acMElems);
    });
    $(document).ready(function () {
        $('input.autocomplete').autocomplete({
        data: { 
            "Apple": null,
            "Microsoft": null,
            "Google": null
            },
        limit: 20,
        minLength: 1
    });
});
</script>

在母版页末尾:
         

在TextChange事件上运行的CS服务器端代码:
    strScript = @"acMInstances.updateData({ "val1": null, "val2": null, "gal1": null });"; ScriptManager.RegisterStartupScript((sender as Control), GetType(), DateTime.UtcNow.Ticks.ToString(), strScript, true);

我在Firefox控制台中遇到的错误:

  

autocomplete()未定义

0 个答案:

没有答案