Ajax Toolkit в контрольной Jquery - PullRequest
1 голос
/ 17 февраля 2010
 <script language="javascript" type="text/javascript">

        $(document).ready(function() {
            $("#TextBox1").click(function() { alert("bla bla bla bla bla") });
        });

    </script>

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
        <asp:TabContainer runat="server" ActiveTabIndex="0">
            <asp:TabPanel runat="server" HeaderText="Easd">
                <ContentTemplate>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </ContentTemplate>
            </asp:TabPanel>
            <asp:TabPanel runat="server" HeaderText="asdasd">
                <ContentTemplate>
                    asd</ContentTemplate>
            </asp:TabPanel>
        </asp:TabContainer>

Мне нужен доступ к TextBox1

Ответы [ 2 ]

1 голос
/ 17 февраля 2010

Я не уверен, что вы подразумеваете под "Мне нужен доступ", но я предполагаю, что вы имеете в виду, что ваш код jQuery не работает.

Сгенерированный идентификатор стороны клиента для серверных элементов управления отличается от вашей разметки. Вам необходимо обновить код jQuery:

$("#<%#TextBox1.ClientID %>").click(function() { alert("bla bla bla bla bla"); });

Это будет динамически вставлять идентификатор клиента для текстового поля, так что ваш селектор jQuery будет работать.

Edit:

Если вам нужно значение, как вы прокомментировали:

$("#<%#TextBox1.ClientID %>").click(function() { alert( $(this).val() ); });

Я вызываю только функцию javascript alert и событие jquery click на основе вашего примера кода. В качестве другого примера, если вы хотите предупредить / всплыть значение текстового поля, когда пользователь фокусируется от него:

$("#<%#TextBox1.ClientID %>").blur(function() { alert( $(this).val() ); });

Надеюсь, это поможет ...

0 голосов
/ 17 февраля 2010

Попробуйте:

<script type="text/javascript">
       $(document).ready(function(){
          alert($("#<%#TextBox1.ClientID %>").val());
        }); 
</script>

Ссылка

...