utilisation du Scrollbar pour la pagination

**outat** · 20/04/2007, 16h28

Bonjour à tous,

Je travaille avec asp.net 2.0 ,et je veux faire la pagination en utilisant une scrollbar dans ma gridview.

Je veux afficher dans ma gridview toujours 10 items (une page), mais lorsque je change la position du scrollbar 10 autres items doivent être affichés selon la position choisie.

Donc il faut que la scrollbar soit dépendante de nombre de lignes que j'ai dans ma base de données et non pas de nombres (10 items) affiché dans le gridview.

Comment je peux faire??

**SpaceFrog** · 20/04/2007, 16h30

pas avec une scrollbar mais avec des boutons et des ancres (une ancre toutes les 10 lignes) ou avec le scrolltop

**outat** · 20/04/2007, 17h59

Merci pour ta réponse.

Est ce que tu peux donner plus de détails

je veux une scrollbar similaire a ça :

http://www.telerik.com/demos/aspnet/...DefaultCS.aspx

**SpaceFrog** · 20/04/2007, 21h36

ha ben là rien à voir... il utilise bien le scrollbar mais a mon avis pas du du contenant les lignes... ou alors vu la lenteur d'affichage il utilise un ajax pour peupler le div ...
en fait il part du scrollTop donné par le onscroll pour afficher le contenu ...

**outat** · 20/04/2007, 22h32

Mon problème est comment faire pour que chaque position de mon scrollbar soit le numéro d'une page .

pour le chargement du contenu il y a pas de problème ,je peux utiliser la méthode GetPostBackEventReference :

Code :

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

Scrollbar.Attributes.Add("onscroll",ClientScriptManager.GetPostBackEventReference (Control, numpage)

et pour l'ajax je travaille avec le controle UpdatePanel du framework atlas.

**SpaceFrog** · 23/04/2007, 11h29

en fait il ne faut pas que le contenu scrollable soit dans le div scrollé ...

en gros il faut que la scrollbar soit indépendante du contenu mais que sur le onscroll de la scrollbar tu utilises le scrollTop retourné ...

**outat** · 23/04/2007, 13h59

oui, mais comment ?

**SpaceFrog** · 23/04/2007, 14h55

Un petit exemple qui fonctionne uniquement sous IE, pour fireFox il faudra mettre une image de 1px de large et de la hauteur souhaitée dasn le div scrollant ...

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
23
24
25
26
27
28
</head>
<script type="text/javascript">
function populate(){
 
for(i=0;i<35;i++){
var addedDiv=document.createElement('div');
addedDiv.style.height='240px';
addedDiv.style.display='block';
addedDiv.appendChild(document.createTextNode('ici ancre nr '+i))
document.getElementById('maindiv').appendChild(addedDiv);}
}
 
function ScrollMainDiv(Ancre){
document.getElementById('maindiv').scrollTop=(Ancre*10)
}
 
</script>
<body onload="populate()">
<div id="maindiv" style="border:solid 1px navy; height:200px;width:300px;float:left;overflow:hidden;">
 
 
</div>
  <div style="border:solid 1px navy; height:200px;width:1px;overflow-Y:auto;" onscroll="ScrollMainDiv(this.scrollTop)">
  	<div style="width:1px;height:1000px;width:10px;" >&nbsp;</div>
  </div>
</body>
 
</html>

**outat** · 23/04/2007, 18h51

Merci pour l'exemple.

Comment je peux récuperer le scrolltop à partir du codebehind

Code :

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

DIVSCROLING.Attributes.Add("onscroll", Page.ClientScript.GetPostBackEventReference(a_Navbar, ScrollTop))

**SpaceFrog** · 23/04/2007, 19h13

heu ??
au hasard :

Code :

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

DIVSCROLING.onscroll=function(){Page.ClientScript.GetPostBackEventReference(a_Navbar, ScrollTop)}

**outat** · 23/04/2007, 19h48

j'explique, je travail en code behind et je veux utiliser la valeur du scrollTop dans cette instruction pour générer un postback:

Code :

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

DIVSCROLING.Attributes.Add("onscroll", Page.ClientScript.GetPostBackEventReference(a_Navbar, position ))

la variable position doit contenir la valeur du scrollTop

Remarque : le control a_Navbar c' lui qui me permet de charger une autre page dans mon gridview.

**SpaceFrog** · 23/04/2007, 20h51

et ?
marche pas mon code ?

**outat** · 24/04/2007, 11h15

Je sais pas ou je vais l'appeler ??
ton code doit etre inserer dans la page (.aspx) or mois je travail en codebehind.

**outat** · 27/04/2007, 18h17

J'ai utilisé tout simplement ce code et ça marche.

Code :

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

1
2
3
4
5
6
7
<div id="DIVSCROLING"  style="border:solid 1px navy; height:350px;width:1px;overflow-Y:auto;" onscroll="__doPostBack('a_DataGridPERSONS$a_Navbar',this.scrollTop)" runat="server"  >
                
                 <div style="width:1px;height:1820px;width:10px;" >
                              	
                 </div>
                           
</div>

lorsque l'évènement onscroll se déclenche ,un postback est effectué pour rafraîchir la gridview .

Tu as dit qu'il faut insérer une image pour que le code fonctionne sous Firefox ,est ce que tu as un code pour ça?.

**outat** · 07/05/2007, 11h47

Bonjour ,

Une question simple ,Comment je peux changer la valeur du scrollTop d'une DIV en code behind ?

utilisation du Scrollbar pour la pagination

JavaScript

Discussions similaires

Partager

Partager