多用戶控件與jQuery的自動完成不顯示所有列表

在我的asp.net C＃網站，我有一個要求爲一些文本字段添加自動完成。爲此，我使用jquery自動完成。多用戶控件與jQuery的自動完成不顯示所有列表

我有一個父用戶控件，也有兩個子控件（僅用於文本框）。這三個用戶控件都有自己的自動完成列表。

問題是，當我運行該程序時，只有一個autucomplete列表顯示項目列表。另外兩個是沉默！

如果有人有任何想法，請在此分享。

<％@控制語言= 「C＃」 AutoEventWireup = 「真」的CodeFile = 「Contact.ascx.cs」繼承= 「Controls_Contact」％> <％@註冊SRC = 「ContactSub.ascx」變量名=「ContactSub 「的TagPrefix =」 ContactSub_UC」％>

<script type="text/javascript"> 
function LoadList_contact() 
{ 
    alert("check main"); 
    $("#<%= ContactSurnameTextBox.ClientID %>").autocomplete({ 
     source: "../ashx/AutoComplete_Contacts.ashx", 
     minLength: 1, 
     select: function (event, ui) 
     { 
      $(this).next().val(ui.item.id); 
      $("#<%= ContactIdTextBox.ClientID %>")[0].value = ui.item.id; 
      __doPostBack('<%= ContactSurnameTextBox.ClientID %>', ''); 
     }, 

     search: function (event, ui) 
     { 
      $(this).next().val(''); 
      $("#<%= ContactIdTextBox.ClientID %>")[0].value = ''; 
     } 

    }) 
    .data("autocomplete")._renderItem = function (ul, item) 
    { 
     return $("<li></li>") 
      .data("item.autocomplete", item) 
      .append("<a><table cellpadding='0' cellspacing='0' border='0' width='250'><tr><td width='*' valign='top' align='left'>" + item.value + "</td><td width='50px' valign='top' align='left'></td></tr></table></a>") 
      .appendTo(ul); 
    }; 
}

<asp:TableRow> 
    <asp:TableCell ID="ContactSubCell" runat="server"> 
     <ContactSub_UC:ContactSub ID="ContactSub" runat="server" /> 
    </asp:TableCell> 
</asp:TableRow> 


<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ContactSub.ascx.cs" Inherits="Controls_ContactSub" %>

<％@註冊SRC = 「ProductsTextbox.ascx」標記名= 「ProductsTextbox」的TagPrefix = 「ProductsTextbox_UC」％> <％@註冊SRC = 「BrandLine.ascx」標記名= 「標語」的TagPrefix = 「BrandLine_UC」％>

<asp:TableCell ColumnSpan="3"> 
    <BrandLine_UC:BrandLine ID="BrandLine" runat="server" /> 
</asp:TableCell> 

<asp:TableCell ColumnSpan="3"> 
    <ProductsTextbox_UC:BrandLine ID="ProductsTextbox" runat="server" /> 
</asp:TableCell>

由於

RBZ

來源

2011-09-12 rbzz

請提供一些您的源代碼。否則，我們無法幫助 – Zruty

<input id="first_AT"><input id="second_AT">

對於每個輸入提供difrent ID或類。

$('#first_AT, #second_AT').autocomplete();

來源

2011-09-12 08:18:33

多用戶控件與jQuery的自動完成不顯示所有列表

回答

相關問題