Question

我有一个Jquery自动完成ajax函数，其源代码是从后面的代码计算出来的。但是我使用客户端脚本管理器在javascript中获取源代码，但我的函数没有执行。

除此之外，我试图通过

从代码后面调用ajax函数

ClientScriptManager.RegisterStartupScript()

但我的功能再次没有执行。我的职责是：

<form id="form1" runat="server">
    <div>
        <input id="Text1" type="text"/>&nbsp;&nbsp;&nbsp;
        <input id="Text2" type="text" /><br />
        <br />
        <input id="Button2" type="button" value="button" />

    <script type="text/javascript">
    var mydataformat = [{ label: "....", value: "....", icon: "....." }, 
                        { label: "....", value: ".....", icon: "....." }];

    $(function() {
    $("#Text1").autocomplete({                      
    minLength: 0,                      
    source: JSVar,                      
    focus: function (event, ui) 
    {
    $("#Text1").val(ui.item.label);                          
    return false;                      
    }})                     
    .data("autocomplete")._renderItem = function (ul, item) {                         
    return $("<li></li>") 
    .data("item.autocomplete", item)                             
    .append("<a><img src='" + item.icon + "' width='32' height='32' />  " + item.label + "</a>")                             
    .appendTo(ul);                     
        }; 
    });

</script>

Answer 1

您必须在加载数据时设置源代码，如上所述here：

$("#Text1").autocomplete( "option", "source", ["your", "loaded", "data"] );

...或更好地在您的计算数据准备就绪时初始化您的自动填充，而不是更早。

Answer 2

看看jQueryUI网站上的Custom Data sample，它似乎涵盖了你想要的一切。它使用标签，价值，图标等。

唯一剩下的部分是等到数据加载完毕后再进行初始化。

调用Jquery自动完成ajax函数

2 个答案: