ASP.NET Fügen Sie die Jquery-Datepicker zu einem Gridview-Steuerelements textbox (auf Bearbeiten gridview)

Meine Frage scheint ein wenig schwer zu verstehen, aber ist ziemlich einfach und ich bin sicher, die Lösung ist ziemlich einfach zu.

Ich habe ein Gridview, können Bearbeiten und Aktualisieren.
Wir alle wissen, dass, wenn wir klicken Sie auf Bearbeiten, wenn die Spalte gesetzt, um ReadOnly = "True" ein Standard-Textfeld-Steuerelement angezeigt wird...

Kann ich die Rückgabe von Werten aus, die Textbox dynamisch erstellt, indem Sie auf die Bearbeiten-Schaltfläche Gridview, das ist alles gut...

Meine Frage ist: ich will fügen Sie den javascript-code, der dynamisch textbox erstellt, wenn die Schaltfläche Bearbeiten angeklickt wird innerhalb des gridview.

Dies ist der javascript-code zu einem Datepicker zu zeigen, wenn ein Textfeld geklickt wird:

<head runat="server">

<link rel="Stylesheet" type="text/css" href="css/jquery.datepick.css" />
<script type="text/javascript" src="js/jquery.datepick.js"></script>

<script type="text/javascript" language="javascript">
    $(function () {    
        $('#Textbox_Name').datepick({ dateFormat: 'dd/mm/yyyy' });            
    });
</script>
</head>

Statt nun setzen Sie das Textfeld name-code zuerst will ich wissen, den Namen von meinem gridview-Bearbeiten-Textfeld dynamisch erzeugt und zeigt dann den datepicker auf, die textbox

InformationsquelleAutor B1GB0Y | 2012-07-19
  1. 1

    Griff die RowCreated Veranstaltung:

    protected void grid_RowCreated(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowState == DataControlRowState.Edit)
    {
        var textBox = e.Row.FindControl("myTextBox") as TextBox;
        ClientScript.RegisterStartupScript(this.GetType(), "datepick", 
        "$(function () { $('#" + textBox.ClientID + "').datepick({ dateFormat: 'dd/mm/yyyy' });  })", true);
    }
}
    • Aber nur eine Zeile können Sie in den Bearbeiten-Modus
    • Danke, dass Sie so viel Amiram Korach, Sie machte meinen Tag! Gelöst
    • Akzeptieren Sie und Stimmen Sie für die Antwort, die Ihnen helfen, besonders, wenn es funktioniert.
    • Haben nicht den Ruf
    InformationsquelleAutor Amiram Korach
  2. 1

    Den einfachen Weg, hier ist das hinzufügen einer css-Klasse name, um deinen editor und dann gilt die datepick an alle Redakteure, die diese Klasse als

    <script type="text/javascript" language="javascript">
    $(function () {
        $('.className').datepick({ dateFormat: 'dd/mm/yyyy' });
    });
</script>

    Siehe auch diese Frage, dass eine Lösung auf, auch das update-panel: Asp.Net UpdatePanel in Gridview Jquery DatePicker

    InformationsquelleAutor Aristos
  3. 0

    Ich habe mir, wie folgt zu arbeiten:

    (RowDataBound-Ereignis)

    if (e.Row.RowType == DataControlRowType.DataRow)
{
   TextBox tbOne = e.Row.FindControl("txtMyTextBox") as TextBox;
   if (tbOne != null)
   {
       string js = "$(function() { $('#" + tbOne.ClientID + "').datepicker();  });";
       ClientScript.RegisterStartupScript(this.GetType(), "DatePickJS_" + Guid.NewGuid().ToString("N"), js, true);
   }
}
    InformationsquelleAutor granadaCoder
Schreibe einen Kommentar