Discussion :

[barnet]

Bonjour,

J'ai un probl�me JS que j'ai bien de la peine � r�soudre

J'ai une GridView dans une DIV:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="tblContainer">

Dans ma feuille CSS j'ai d�fini ce DIV comme cela :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
div#tblContainer {
  width:1000px
  height:400px
  overflow:auto
  scrollbar-base-color:#EOEOEO
}

Ce code marche jusque l�.
Mais j'ai une fonction JS qui modie les valeurs de la GridView et fait finalement un:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById(Label).innerText = new_val

Une fois la fonction JS appel� la Gridview se recharger comme si le CSS n'etait plus appliqu�.... je ne dois pas bien comprendre les �venements qui se passe derri�re..

Merci si vous pouvez m'aider ......

[SpaceFrog]

il est ou le label par rapport au conteneur ???

accessoirement il me semble que cot� css

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 scrollbar-base-color:#EOEOEO

est propri�taire IE

[franculo_caoulene]

Salut,

Une fois la fonction JS appel� la Gridview se recharger comme si le CSS n'etait plus appliqu�

As-tu une fonction javascript qui recharge la page? Je ne comprends pas bien. As-tu un code plus cons�quent, mais uniquemnt avec le code n�cessaire � nous proposer?

[barnet]

Le Label (en fait un Textbox) est un champ contenu dans ma GridView, je modifie les valeurs et sur un onBlur j'applique ma fonction JS (simple calcule et affichage dans la meme Textbox d'une nouvelle valeur).

J'ai pu d�terminer que l'erreur se produit lors du document.getElementById()
Je n'utilise que IE.

Le Css que je vous ai donn�e est appel� dans le Div qui contient la GridView. Ensuite lors d'un RowDataBound il appelle d'autres CSS

[barnet]

Voila une partie de mes codes:

CSS:

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
20
21
22
div#tblContainer {
	width: 1000px;
	height: 610px;
	overflow: auto;
	scrollbar-base-color:#E0E0E0 ;
}
 
thead th {
	top: expression(document.getElementById("tblContainer").scrollTop-2); /* IE5+ only */
	z-index: 20;
}
 
td.headerlocked,  th.headerlocked{
	background-color: #507CD1;
	font-weight: bold;
	Font-Family:Verdana;
	Font-Size:x-small;
	color:white;
	left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
	position: relative;
	z-index: 10;
}

ASPX

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
     <div id="tblContainer">
     <asp:GridView ID="GridView" runat="server">

Le tout rempli de TextBox

JS

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('ctl00_Main_GridView_ctl25_TotalItem').innerText = newTotalGeneral;

CS

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
    protected void GridView_RowDataBound(object sender, GridViewRowEventArgs e)
    {
 
        //rename the header with the months/year data
        if (e.Row.RowType == DataControlRowType.Header)
        {
            e.Row.Cells[0].CssClass = "headerlocked";

C'est juste un apercu... , lorsque JS est appel� le Datagrid s'affiche enti�rement et n'applique plus le CSS

Merci pour tout aide

[SpaceFrog]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 e.Row.Cells[0].CssClass = "headerlocked";

essaye:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 e.Row.Cells[0].className = "headerlocked";

[bigboomshakala]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 e.Row.Cells[0].CssClass = "headerlocked";

essaye:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 e.Row.Cells[0].className = "headerlocked";

non spaffy, ce n'est pas du javascript mais du C#. notre ami fait du dev web .NET

sinon je n'ai pas identifi� le probl�me mais je me permet une remarque au passage le javascript dans le css ralentit consid�rablement le dynamisme de ta page (en tout cas sous IE). j'ai pu d�j� constater qu'une pauvre page avec une table d'une cinquantaine de ligne pouvait ramer comme c'est pas possible avec �a (les css et donc le javascript dedans sont constamment r��valu�s quand tu agis sur la page)

[barnet]

non spaffy, ce n'est pas du javascript mais du C#. notre ami fait du dev web .NET

Oui exactement c'est du .net

Je n'ai pas vu de perte de performance, pour l'instant.. peut-etre que cela va changer quand cela marchera....

[bigboomshakala]

C'est juste un apercu... , lorsque JS est appel� le Datagrid s'affiche enti�rement et n'applique plus le CSS

tu as regard� dans le code g�n�r� si le style est positionn� sur la cellule que tu penses ? (via un DOM Explorer quelconque sur le navigateur que tu utilises). peut-�tre qu'il n'est pas appliqu� l� o� tu crois

(c'est marrant je suis en train de me faire ch*** avec des gridview aussi depuis quelques jours...)

[barnet]

Le style est bien g�n�r� avant, et toujours apr�s le probl�me, sur les controles que je veux ...

Cet exemple pour permettre � un GridView d'�tre scroll� est asseu courant, pourtant cela pose des probl�mes avec l'utilisation commune de JS...

QQn � une id�e (de plus) ?