utilisation du Scrollbar pour la pagination

Version imprimable

20/04/2007, 16h28
outat

utilisation du Scrollbar pour la pagination

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??
20/04/2007, 16h30
SpaceFrog

pas avec une scrollbar mais avec des boutons et des ancres (une ancre toutes les 10 lignes) ou avec le scrolltop
20/04/2007, 17h59
outat

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
20/04/2007, 21h36
SpaceFrog

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 ...
20/04/2007, 22h32
outat

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:

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

et pour l'ajax je travaille avec le controle UpdatePanel du framework atlas.
23/04/2007, 11h29
SpaceFrog

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é ...
23/04/2007, 13h59
outat

oui, mais comment ?

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:

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>

23/04/2007, 18h51
outat

Merci pour l'exemple.

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

Code:

DIVSCROLING.Attributes.Add("onscroll", Page.ClientScript.GetPostBackEventReference(a_Navbar, ScrollTop))
23/04/2007, 19h13
SpaceFrog

heu ??
au hasard :

Code:

DIVSCROLING.onscroll=function(){Page.ClientScript.GetPostBackEventReference(a_Navbar, ScrollTop)}
23/04/2007, 19h48
outat

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:

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.
23/04/2007, 20h51
SpaceFrog

et ?
marche pas mon code ?
24/04/2007, 11h15
outat

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

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

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?.

07/05/2007, 11h47
outat

Bonjour ,

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