自动完成asp.net中的jquery，源代码隐藏

本文关键字：jquery 源代码 隐藏 中的 net asp | 更新日期: 2023-09-27 18:29:22

尽管这个论坛中有很多jquery自动完成代码。但是，我没有找到任何适合我的SharePoint/ASP.NETWeb页面案例的内容。我使用了jquery自动完成链接。这很有帮助。但请看

我的代码：

<asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>  
<script type="text/javascript">
    $(document).ready(function () {
        $("asp:TextBox#TextBox3").autocomplete({
            source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
        });
    });
</script>
 </asp:Content>
<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">
<table>
      <tr><td>
        <asp:Label ID="Label4" runat="server" Text="Qode"></asp:Label></td><td>
           <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        </td></tr>
</table>

问题

1. Can I use the code ` $("asp:TextBox#TextBox3")?`
2. If the source comes from code behind instead of hard copy strings, how to do it?

让我们在代码背后说：

        string[] source = new string[5];
        source[0] = "c++";
        source[1] = "java";
        source[2] = "php";
        source[3] = "coldfusion";
        source[4] = "javascript";

那么如何将数组传递给jquery代码呢？非常感谢。

自动完成asp.net中的jquery，源代码隐藏

关于您的第一个问题，如果您使用的是ASP.net版本4或更高版本，您可以将文本框的ClientIDMode设置为"static"，它将强制服务器将ClientID呈现为与服务器ID相同。然后您可以在jQuery代码中正常引用它。

Ex。

<asp:TextBox ID="TextBox3" runat="server" ClientIdMode="static">`

$("#TextBox3")  // select your text box with standard jQuery id selector

如果您使用的是旧版本的ASP.net，则可以将服务器端代码插入到.aspx中以访问生成的动态客户端ID。您也可以将其添加到jQuery选择器中，但会有点不同。

$("#<%= Textbox3.ClientID %>")

这应该向浏览器提供正确的客户端ID，并由jQuery处理。

至于您的第二个问题，我个人会将数组序列化为JSON，并将其发送到jQuery。Json.Net是一个很好的图书馆(http://json.codeplex.com/)，中提供了如何使用库的示例。

相关文章：