Discussion :

[Ishizaki]

Bonjour tout le monde .

Mon problème se situe sur une fonction js appelée sur le OnClientDateSelectionChanged d'un CalendarExtender.

En fait, je passais avant par une fonction directement intégrée dans un ascx, cela se présentait ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
<script type="text/javascript" language="javascript">
//Limitation des dates des CalendarExtender
    function LimitCalendarExtender() {
 
 
        //Obtenir les CalendarExtender
        var calendarStart = $find('<%=CalendarExtenderStartDate.ClientID %>');
        var calendarEnd = $find('<%=CalendarExtenderEndDate.ClientID %>');
 
       //Traitements...
 
    }
 
</script>
<ajx:CalendarExtender runat="server" ID="CalendarExtenderStartDate" OnClientDateSelectionChanged ="LimitCalendarExtender"/>
 
<ajx:CalendarExtender runat="server" ID="CalendarExtenderEndDate" OnClientDateSelectionChanged ="LimitCalendarExtender"/>

Dans ce cas là, ça fonctionne parfaitement, je récupère bien les calendarextender et je peux faire mes traitements.

Le soucis, c'est que je dois faire exactement la même chose sur une autre page, alors plutôt que de me retaper tout le code, j'ai décidé de mettre mes fonctions js dans un fichier js, et de faire un RegisterClientScriptInclude:

Fichier JS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
//Limitation des dates des CalendarExtender
function LimitCalendarExtender(calendarStartClientId,calendarEndClientId) {
 
 
    //Obtenir les CalendarExtender
    var calendarStart = $find(calendarStartClientId);
    var calendarEnd = $find(calendarEndClientId);
 
 
 
}

Et mon RegisterClientScriptInclude dans mon ascx.cs:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 
protected override void OnInit(EventArgs e)
    {
 
        ScriptManager.RegisterClientScriptInclude(this.Page, typeof(Page), "FonctionsJS", @"Scripts/FonctionsJS.js");
}

Et donc sur mon ascx, je fais ainsi appel aux fonctions :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<ajx:CalendarExtender runat="server" ID="CalendarExtenderStartDate" OnClientDateSelectionChanged ="LimitCalendarExtender('<%=CalendarExtenderStartDate.ClientID %>','<%=CalendarExtenderEndDate.ClientID %>')"/>
 
<ajx:CalendarExtender runat="server" ID="CalendarExtenderEndDate" OnClientDateSelectionChanged ="LimitCalendarExtender('<%=CalendarExtenderStartDate.ClientID %>','<%=CalendarExtenderEndDate.ClientID %>')"/>

Et là, quand je lance mon ascx, j'ai une erreur JS : "Erreur Javascript, Objet Attendu", le debuggueur s'arrêtant sur OnClientDateSelectionChanged de mon ascx.

Quand je fais un RegisterClientScriptInclude, il trouve bien mon fichier JS, y'a pas de soucis là dessus.

Merci de votre aide ^^.

[Pongten]

Dans le code source de ta page générée, est-ce que l'inclusion de ton fichier JS se fait avant ou après celle de ton contrôle Calendar ?

[Ishizaki]

Elle s'effectue bien avant.

[Ishizaki]

Bon, en fait j'avais une erreur de chemin assez grossière, mais il reste des erreurs, j'ai changé ma fonction js comme suis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
//Limitation des dates des CalendarExtender
function LimitCalendarExtender(idCalendar,isStart) {
 
    var calendarTest = $find(idCalendar);
 
 
    if (calendarTest != null) {
 
        LimitByDefaultDate(calendarTest, isStart);
 
    }

Je passe en paramètre le client id de mon calendar et lui indique si c'est un calendar de début ou de fin.

Mon ascx:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<ajx:CalendarExtender runat="server" ID="CalendarExtenderStartDate" OnClientDateSelectionChanged="LimitCalendarExtender('<%=CalendarExtenderStartDate.ClientID %>','true')"/>

Le bug, c'est qu'il passe dans ma fonction dès le chargement de la page(il ne trouve pas le calendar correspondant à l'Id), alors qu'il n'y a pas eu de changement de date de lancée, et j'ai une nouvelle erreur qui est la suivante :

Erreur:Sys.InvalidOperationException: Handler must be a function.

Je ne peux pas passer de paramètres à une fonction ou quoi ????

Edit:Quand on ne passe pas de paramètres à la fonction, et que dans le js on met juste un argument, par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function maFonction(test)
{
 if(test != null)
{
 //Traitements.
}
}

test correspond alors au contrôle qui a lancé l'event (ici, notre calendarextender), et donc on peut faire des traitements dessus. Je trouve ça un peu bizarre...

[Ishizaki]

Je pense que j'y suis presque, il faut créer une fonction qui va appeler la fonction voulue pour que ca fonctionne, en gros:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<ajx:CalendarExtender runat="server" ID="CalendarExtenderStartDate" OnClientDateSelectionChanged="function(){LimitCalendarExtender('<%=CalendarExtenderStartDate.ClientID %>','true');}"/>

Mais, si je fais un $find, il ne trouve toujours pas mon calendar... (= null).

[Ishizaki]

Ca y'est !

Il faut déclarer, en global dans la page ascx, une fonction GetCalendar() (par exemple) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
function GetCalendar() { var calendarStart = $find('<%=CalendarExtenderStartDate.ClientID %>');return calendarStart; }

et dans le OnClientDateSelectionChanged:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<ajx:CalendarExtender runat="server" ID="CalendarExtenderStartDate" OnClientDateSelectionChanged="function(){ var myStartCalendar = GetCalendar();  LimitCalendarExtender(myStartCalendar,'true');}"/>

On passe l'objet ainsi récupéré ^^ !

Merci de votre aide en tout cas

[Pongten]

Je n'ai pas fait grand chose :p

[Ishizaki]

Oui, mais je remercie les gens qui ont débuté à commencer à penser à une solution .

Bon, par contre, joie de courte durée, fallait bien que ça plante quelque part, et là, grosse incompréhension, ça ne fonctionne pas du tout dans un Wizard .

J'ai un ascx dans mon Wizard, j'y effectue les mêmes actions que dans mon autre ascx, mais pof, dès que je change la date, j'ai une erreur "Javascript: Objet Attendu " !

J'ai matté le déboggueur de Script de Visual Studio, le seul ascx dont les données sont affichées, est le 1er (pour un total de 3 dans mon Wizard), même quand je suis sur mon 2ème ascx (celui concerné par mon script de changement de date).

Je suis un peu perdu là...

[Pongten]

Vu que tu effectue l'ajout du script dans le oninit, est-ce que dans le wizard, il passe bien dans le oninit de tous tes ascx ?

[lutecefalco]

C'est 3 fois le même ascx dans ton wizard?

[Ishizaki]

Ouaip, il passe bien dans chaque OnInit de chaque ascx, étrange...

[Ishizaki]

C'est 3 fois le même ascx dans ton wizard?

Nooooon, ben non !

Non, sont tous les 3 différents, mais quand je debuggue la page, dans la partie Script Documents de VS2008, il n'y a que le contenu du 1er ascx du Wizard qui est affiché.

[Ishizaki]

Personne n'a trouvé un truc là dessus ? Je vais tester sans fichier js, directement dans la page.

[Ishizaki]

Ben ca vient pas de mon fichier hein, meme en direct dans la page ca plante..."Objet Attendu".

[Ishizaki]

Bon et bien en fait il fallait tout faire en code Behind, ici dans le oninit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
 
//Calendars Obligatoire de gérer ça en Code-Behind, sinon une erreur javascript est générée : Objet Attendu !
        StringBuilder stringBuilder = new StringBuilder();
        stringBuilder.AppendFormat("function GetCalendarStart() {{ var calendarStart = $find('{0}');return calendarStart;}}", this.CalendarExtenderStartDate.ClientID);
        stringBuilder.AppendFormat("function GetCalendarEnd() {{ var calendarEnd = $find('{0}');return calendarEnd;}}", this.CalendarExtenderEndDate.ClientID);
 
        ScriptManager.RegisterStartupScript(this.Page, typeof(Page), "InitializeCalendars", stringBuilder.ToString(), true);
 
        this.CalendarExtenderStartDate.OnClientDateSelectionChanged= "function(){ var myStartCalendar = GetCalendarStart();  LimitCalendarExtender(myStartCalendar,'true');}";
        this.CalendarExtenderEndDate.OnClientDateSelectionChanged= "function(){ var myEndCalendar = GetCalendarEnd(); LimitCalendarExtender(myEndCalendar,'false');}";

Avec appel de mon js ^^ et tout, et ca marche niquel.

Je vais me répéter, mais merci de votre aide ! (et ouais, je suis trop poli)