Discussion :

[Invité]

Bonjour à tous!
Bon je débute avec jquery et je rame un peu (j'espère que je suis normal).

J'ai un soucis. J'utilise les inline forms d'édition pour les edit/add. Mon client souhaite pouvoir naviguer sans la form add. Par défaut le pager de navigation n'est pas dispo dans cette form.

Comment simuler les next/prev dans ma fiche si j'ajoute les 2 boutons dont j" ai besoin? Je ne sais pas quelles méthodes appeler.

TOUTE aide sera grandement appréciée.
Merci d'avance.

[Invité]

Si j'ajoute la ligne suivante dans le BeforeShowForm

Code :

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

$(”#pData, #nData”,formid).show();

mes fleches de navigation apparaissent, mais ne permettent pas de naviguer...
Toujours pas d'idées?

[clemaez]

Bonjour,

Visiblement tu as déjà posté sur le forum de jqgrid où Tony a tenté de te donner une réponse... Je vais à mon tour essayer de t'aider.

La syntaxe qui déclenche le "next" et le "prev" est la suivante :

Next :

Code :

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

$("#nData", "#"+frmtb+"_2").trigger("click");

Prev :

Code :

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

$("#pData", "#"+frmtb+"_2").trigger("click");

En les associant aux évènements clavier (touche UP et Down) on pourrait écrire ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
document.onkeydown = listenKey
function listenKey(e) {
	e = e || window.event;
	var keycode = e.which || e.keyCode;
	if(keycode == 38) { // Touche du haut (prev)
		$("#pData", "#"+frmtb+"_2").trigger("click");
	}
	if(keycode == 40) { // Touche du bas (next)
		$("#nData", "#"+frmtb+"_2").trigger("click");
	}
}

Essaye donc d'ajouter ces quelques lignes à ton HTML.

Si cela ne fonctionne pas essaye d'insérer les fonctions qui réalise le "next" et le "prev"

Next :

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
$("#nData", "#"+frmtb+"_2").click(function(e){
					if(!checkUpdates()) return false;
					$("#FormError","#"+frmtb).hide();
					var npos = getCurrPos();
					npos[0] = parseInt(npos[0]);
					if(npos[0] != -1 && npos[1][npos[0]+1]) {
						if($.isFunction(p.onclickPgButtons)) {
							p.onclickPgButtons('next',$("#"+frmgr),npos[1][npos[0]]);
						}
						fillData(npos[1][npos[0]+1],$t,frmgr);
						$($t).jqGrid("setSelection",npos[1][npos[0]+1]);
						if($.isFunction(p.afterclickPgButtons)) {
							p.afterclickPgButtons('next',$("#"+frmgr),npos[1][npos[0]+1]);
						}
						updateNav(npos[0]+1,npos[1].length-1);
					};
					return false;
				});

Prev :

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
$("#pData", "#"+frmtb+"_2").click(function(e){
					if(!checkUpdates()) return false;
					$("#FormError","#"+frmtb).hide();
					var ppos = getCurrPos();
					if(ppos[0] != -1 && ppos[1][ppos[0]-1]) {
						if($.isFunction(p.onclickPgButtons)) {
							p.onclickPgButtons('prev',$("#"+frmgr),ppos[1][ppos[0]]);
						}
						fillData(ppos[1][ppos[0]-1],$t,frmgr);
						$($t).jqGrid("setSelection",ppos[1][ppos[0]-1]);
						if($.isFunction(p.afterclickPgButtons)) {
							p.afterclickPgButtons('prev',$("#"+frmgr),ppos[1][ppos[0]-1]);
						}
						updateNav(ppos[0]-1,ppos[1].length-1);
					};
					return false;
				});

Attention à bien mettre tout ces codes javascript en fin de page juste avant la fermeture de la balise </body>

Je n'ai pas d'autres idées pour le moment, j'espère t'avoir apporter une réponse clair. Tiens moi informé car ça m'intéresse ... je suis à fond dans jqgrid en ce moment.

PS: Les solutions présentes dans ce post n'ont pas été testés

[Invité]

Je teste ça ce matin, mais un grand merci déjà pour ces précisions.
Je poste le résultat dès que possible.

[Invité]

Donc j'ai essayé les 2 solutions, mais rien ne fonctionne. Je n'ai pas d'erreur, mais les flèches ne réagissent pas. Pour une raison que j'ignore (j'ai décortiqué le code grid.formedit.js) la form reste bloqué sur le record à ajouter.

J'ai bien placé le javascript à la fin du "body" du document.

Oui, j'ai tenté ma chance sur le forum de Tony. Réponse laconique et inquiétante en me disant que j'aurai du mal à faire ce que je veux.

Sacré bon boulot quand même ce jqgrid. Très utile.