Javascript, update-panel funktioniert nicht, nachdem die partielle postback

 <script type="text/javascript">
        $(function () {
            $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:TextBox ID="TextBox1" class="datePicker" runat="server"></asp:TextBox>
    <asp:UpdatePanel ID="holder" runat="server" UpdateMode="Always" ChildrenAsTriggers="true">
        <ContentTemplate>
            <asp:DropDownList runat="server" ID="ddl_RespondBy" AutoPostBack="true" OnSelectedIndexChanged="ddl_SelectedIndexChanged">
                <asp:ListItem Selected="True">1 Hour</asp:ListItem>
                <asp:ListItem>Other</asp:ListItem>
            </asp:DropDownList>
            <asp:TextBox ID="txt_RespondBy" class="datePicker" Visible="true" runat="server" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="ddl_RespondBy" EventName="SelectedIndexChanged" />
        </Triggers>
    </asp:UpdatePanel>
</asp:Content>

protected void ddl_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (ddl_RespondBy.SelectedItem.Text == "Other")
        {
            txt_RespondBy.Visible = true;
        }
        else
        {

        }
    }

Ich tun, teilweise post zurück, mit dem update panel, ich habe zwei text-box eine außerhalb der update-panel und einer drinnen, wenn ich wählen Sie andere aus dem dropdown Menü und versuchen Sie, öffnen Sie die Kalender innerhalb der txt_RespondBy Textfeld es nicht zeigen, aber das Textfeld außerhalb der update-panel zeigt den Kalender. warum ist Javascript nicht arbeiten im update-panel nach der partielle postback -

InformationsquelleAutor Mark | 2011-10-19

13

Platzieren Sie Ihre datetimepicker-Initialisierung-code im pageLoad-Funktion, die aufgerufen wird, wenn die Seite geladen wird (asynchron oder synchron).
```
<script type="text/javascript">
    function pageLoad(sender, args) {
        $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' });
    }      
</script>
```
- ja, funktioniert jetzt. Dank
InformationsquelleAutor jdavies

Können Sie pageLoad oder .live:

Referenz info:
$(document).ready() und pageLoad() sind nicht das gleiche

.live:

Jquery .live funktioniert aber nicht mit .datepicker

$(function(){
    $('.datePicker').live('click', function() {
        $(this).datepicker({showOn:'focus'}).focus();
    });
});

pageLoad():

function pageLoad(sender, args) {
    $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' });
}

beides ausprobiert, aber es nicht funktioniert...

InformationsquelleAutor rick schott

0

Ich verstehe, das ist eine alte Frage, aber dann bin ich auch ein posting mehr Antworten, ob hier jemand diese Seite besuchen, jetzt oder später mal für die Hilfe.
man kann

$(document).auf()

als es stellt sicher, dass die Kontrollen binden Sie an die Ereignisse, wenn die Seite geladen ist. Seine Aufgabe ist Ähnlich der Seite load-Ereignis, aber können Sie sagen, die syntax ist anders. Und fast für alles, und alles funktioniert. Ich habe mehr als 50 Steuerelemente in einem panel und alle zum ausführen verschiedener tasks und ich habe nie in Schwierigkeiten.. nicht einmal, wie ich war, mit dieser Funktion.
```
     $(document).on('eventName', 'element' , function(){
     //your code to perform some task; 
});
```
eventName kann jedes Ereignis - wie klicken Sie auf ändern, wählen Sie..

Und

Element - kann ein name, classname, id

Beispiel - wie oben Frage -

html -
```
<script src="lib/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<input type="text" class="datePicker" data-provide="datepicker-inline" data-date-format="mm/dd/yyyy">
```
Javascript -
```
$(function(){
     $(document).on('click', '.datePicker' , function(){
     $(this).datepicker();
    });
});
```
InformationsquelleAutor Usha phulwani

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.