Comment faire pour utiliser jquery Datepicker dans le contrôle du web dans asp.net?
je suis entrain de créer un web-contrôle et je veux utiliser jquery date-picker sur ce contrôle, j'ai essayé les choses ci-dessous:
1). appliquer tous les jquery code en web-contrôle(mais il ne fonctionne pas pour moi.)
2). appliquer tous les code jquery dans la page où je suis en appelant cette web-contrôle(mais il ne fonctionne pas pour moi.)
S'il vous plaît aidez-moi,
Fait ce qui est mon but de le faire est:
je veux créer un module générique pour la recherche, à qui je vais passer le nom de la table, il serait automatiquement, ce que j'ai effectué jusqu'à maintenant est:
1). lier toutes les colonnes dans une liste déroulante
maintenant ce que je veux faire est la suivante: si la colonne est de type DateTime il affiche une zone de texte avec jquery calendrier.
Merci de m'aider à résoudre ce problème, Mon code est:
<table>
<tr>
<td>
<asp:DropDownList ID="drpColumnName" Width="150px" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="drpColumnName_SelectedIndexChanged">
</asp:DropDownList>
</td>
<td>
<asp:DropDownList ID="drpOperation" Width="150px" runat="server">
</asp:DropDownList>
</td>
<td>
<asp:DropDownList ID="drpCondition" Width="150px" runat="server">
<asp:ListItem Text="Or" Selected="True" Value="0"></asp:ListItem>
<asp:ListItem Text="And" Value="1"></asp:ListItem>
</asp:DropDownList>
</td>
<td>
<asp:TextBox ID="txtSearchText" runat="server" Width="150px"></asp:TextBox>
<asp:TextBox ID="txtDateSearch" CssClass="myClass" runat="server" Width="150px"></asp:TextBox>
</td>
<td>
<asp:Button ID="btnAddConditionToSearch" runat="server" Text="AddToSearch" OnClick="btnAddConditionToSearch_Click" />
</td>
</tr>
<tr>
<td colspan="5">
</td>
</tr>
</table>
De la Page de code est :
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<Search:ctrlSearch ID="cntrlSearch" runat="server" />
</div>
</form>
Jquery code:
<script type="text/javascript">
$(document).ready(function () {
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
//Place here the first init of the DatePicker
$('.myclass').datepicker();
});
function InitializeRequest(sender, args) { }
function EndRequest(sender, args) {
//after update occur on UpdatePanel re-init the DatePicker
$('.myclass').datepicker();
}
S'il vous plaît aidez-moi,
Vous devez vous connecter pour publier un commentaire.
Localiser votre sélecteur de date par un sélecteur de classe.C'est beaucoup plus facile que d'essayer de trouver des id.Dans le cas où vous avez vos contrôles pris en sandwich dans un panneau de mise à jour vous avez deux initialiser le datepicker deux fois.Cela
Markup`
Voir les fichiers de démonstration ici
Case comme ceci
Je pense que votre problème sera parce que asp.net les changements les noms et les ID des éléments qui sont imbriqués dans les Contrôles & master pages, etc.
Ouvrir la source de votre page, de trouver le contrôle et vérifiez l'ID.
Ou comme une alternative d'ajouter une classe css de l'élément et de regarder pour que la place de l'ID avec jQuery.
JA
visiter cette page jquery-ui-datepicker -> C'est le code de l'interface utilisateur. Enregistrer ce bloc de code comme un fichier js. puis sur votre page aspx.
et voici un exemple de code.