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)

[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) ?