我不能使JQueryUI与ASP.net服务器控件一起工作

时间:2012-02-20 17:23:57

标签: javascript asp.net jquery-ui

对不起,我找不到任何答案。

这是一个已知问题吗?它有解决方案吗?

请帮忙。我想在ASP.net服务器控件中使用JQueryUI

  

示例脚本

$(document).ready(function () {
           $('#txtSearch').datepicker({
               showPeriod: true,
               showLeadingZero: true
           });
           $('#Text1').datepicker({
               showPeriod: true,
               showLeadingZero: true
           });
       });
  

示例标记

    <input id="Text1" type="text"/>
    <asp:TextBox ID="txtSearch" runat="server" Height="21px" Width="196px">
    </asp:TextBox>

事情是它在常规的html控件上工作但不在asp控件上工作 我感谢任何帮助。谢谢!

4 个答案:

答案 0 :(得分:1)

尝试以下方法。如果您'查看页面的源',您将看到asp.net控件的ID已动态更改。使用下面的代码,您可以访问txtSearch html元素的动态生成ID:

$(document).ready(function () {
           $('#<%=txtSearch.ClientID%>').timepicker({
               showPeriod: true,
               showLeadingZero: true
           });
           $('#Text1').timepicker({
               showPeriod: true,
               showLeadingZero: true
           });
       });

答案 1 :(得分:0)

呈现服务器控件时,控件的ID会更改。所以你的txtSearch id会变成ct001_txtSearch。 这就是jquery无法找到它的原因,因为它正在寻找id'txtSearch',但没有id为“txtSearch”的控件。

尝试使用clientID引用id。

答案 2 :(得分:0)

答案 3 :(得分:0)

快速的可能是:只需使用html控件并将其标记为 runat =“server”

Es:

<input type="text" id="Textbox1" runat="server">