javascript - JuiceUI 最初の文字のみでオートコンプリート

Question

現在、Web アプリケーションで JuiceUI オートコンプリート コントロールを使用しています。

テキストボックスに「a」と入力すると、文字列のどこかに「a」があるすべての値が取得されます。

文字「a」または「ab」などで始まる値のみを表示する必要があります...

私はstackoverflowでこの投稿を見ました: jQuery-autocomplete filter match by first character

これはまさに私が必要とすることを行いますが、コードを交換したり、Web 構成を変更したり、参照を削除したりすることなく、JuiceUI コントロールをアプリケーションに保持したいと思います...

どんな援助も素晴らしいでしょう。

ありがとう

編集: html:

asp:TextBox runat="server" ID="_Default" ClientIDMode="Static" Width="95%" />
juice:Autocomplete runat="server" TargetControlID="_Default" ID="JuiceCombo"  />

コードビハインド:

ページ読み込みイベントから呼び出されるメソッド

            var c = clubs.Enum_AllClubs.ToList();

            // Get club count to build our array for datasource
            int clubCount = c.Count();
           // _clubNames = new string[clubCount];

            for (int i = 0; i < c.Count; i++)
            {
                Juice.AutocompleteItem newItem = new AutocompleteItem();
                newItem.Label = c[i].DisplayName;
                newItem.Value = c[i].ClubName;

                ITEMS.Add(newItem);
            }

            JuiceCombo.SourceList = ITEMS;
            JuiceCombo.DataBind();

編集: コメントへの応答で生成された HTML と Javascript

    <script type="text/javascript">
//<![CDATA[
// Juice Initialization
(function() {
    if(typeof(window.Juice) !== 'undefined' && window.Juice) {
        window.Juice.widgets = [{"widgetName":"autocomplete","id":"_Default","uniqueId":"JuiceCombo","options":{"source":[{"label":"A TEST DISPLAY LABEL1","value":"A TEST VALUE1"},{"label":"B TEST DISPLAY LABEL2","value":"B TEST VALUE2"},{"label":"C TEST DISPLAY LABEL3","value":"C TEST VALUE3"}]},"encodedOptions":[],"events":["open","focus","close","create","response","search","select","change"],"postBacks":[]}];
        window.Juice.cssUrl = '/Content/themes/Fresh-Squeezed/jquery-ui-1.9.0.custom.css';
    }
})();function WebForm_OnSubmit() {
if (typeof(window.Juice) !== 'undefined' && window.Juice) {
    window.Juice.onSubmit();
};
return true;
}
//]]>
</script>

.......
..........
..............

<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager1', 'mainLoginForm', [], [], [], 90, '');
//]]>
</script>
<input name="_Default" type="text" id="_Default" data-ui-widget="autocomplete" style="width:95%;" class="ui-autocomplete-input" autocomplete="off">
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible">3 results are available, use up and down arrow keys to navigate.</span>

.......
..........
..............

<input id="_juiceWidgetOptions" name="_juiceWidgetOptions" type="hidden">


<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="z-index: 1; display: none; width: 284.77777767181396px; top: 379px; left: 613px;">
    <li class="ui-menu-item" role="presentation"><a id="ui-id-2" class="ui-corner-all" tabindex="-1">A TEST VALUE1 &amp; Croquet</a>
    </li><li class="ui-menu-item" role="presentation"><a id="ui-id-3" class="ui-corner-all" tabindex="-1">B TEST VALUE1</a>
    </li><li class="ui-menu-item" role="presentation"><a id="ui-id-4" class="ui-corner-all" tabindex="-1">C TEST VALUE1</a></li></ul>