调用Jquery自动完成ajax函数

Question

I have a Jquery autocomplete ajax function whose source is calculated from code behind. however I am getting the source in javascript using client script manager but my function doesn't execute.

Apart from that I am trying to call that ajax function from code behind through

ClientScriptManager.RegisterStartupScript()

But again my function doesn't execute. My function is:

<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

You have to set the source when your data has been loaded like mentioned here :

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

...or better initialize your autocomplete when your calculated data is ready, not earlier.

Answer 2

Take a look at the Custom Data sample on the jQueryUI site, it seems to cover everything you want. It uses label, value, icon etc.

The only remaining piece is to wait until after your data has loaded before you initialise it.