erreur : R.doRemove is not a function

**donuts** · 26/05/2010, 15h42

Je suis actuellement en train d'essayer de développer un slide. Je voudrait que lorsque je clique sur le lien un panel apparaisse. Sauf que cela ne fonctionne pas et que l'erreur suivante s'affiche : R.doRemove is not a function

Voici mon code :

<%@ Page Language="vb" AutoEventWireup="false"%>
<html>
<head>
<title>Exemple Slide</title>
<script type="text/javascript" src="ext-base.js"></script> 
<script type="text/javascript" src="/lib/_extjs3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/lib/_extjs3/adapter/ext/ext-core-debug.js"></script>
<script type="text/javascript" src="/lib/_extjs3/ext-all.js"></script>

<script type="text/javascript">

var clique = false;
function getSlide() {

if( !clique) {

Ext.get('slide').slideIn('t',
{
duration: .5,
remove: false,
useDisplay: true,
});
clique = true;

} else{

if (clique) {

Ext.get('slide').slideOut('t',
{
duration: .5,
remove: false,
useDisplay: true,
});
clique = false;
}
}
}

</script>
</head>

<body>
<div id="slide" style="color=red; visibility:hidden; display:none;">
<script type="text/javascript">
MyPanel = new Ext.Panel({
id: "slide",
width: 250,
height: 352,
layout: 'fit',
title: 'Création de requêtes étape 1',
items: [
{
xtype: 'label',
text: 'Etape 1 : Choisissez l\'opérateur souhaité'
}
]
});
</script>
</div>
<a href ="#" onclick="getSlide();">Slide avec ExtJs</a>
</body>
</html>

Une idée? Merci d'avance

**takitano** · 26/05/2010, 16h04

un petit fonctionnant ...

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<html>
<head>
<title>Exemple Slide</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../ext-base.js"></script> <!--permet de faire le slide, librairie Ext.2-->
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../adapter/ext/ext-core-debug.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
 
<script type="text/javascript">
 
 
var clique = false;
function getSlide() {
 
if( !clique) {
 
Ext.get('slide').slideIn('t',
{
duration: .5,
remove: false,
useDisplay: true,
});
clique = true;
 
} else{
 
if (clique) {
 
Ext.get('slide').slideOut('t',
{
duration: .5,
remove: false,
useDisplay: true,
});
clique = false;
}
}
}
 
</script>
</head>
<!--style="color=red; visibility:hidden; display:none;"-->
<body>
<div id="slide"></div>
<script type="text/javascript">
 
Ext.onReady(function(){
	var MyPanel = new Ext.Panel({
		renderTo:'slide',
		width: 250,
		height: 352,
		layout: 'fit',
		title: 'Création de requêtes étape 1',
		items: [{
			xtype: 'label',
			text: 'Etape 1 : Choisissez l\'opérateur souhaité'}]
	});
 
	MyPanel.show();
 
});
</script>
 
<a href ="#" onclick="getSlide();">Slide avec ExtJs</a>
</body>
</html>

**donuts** · 26/05/2010, 16h16

Merci mais ça ne fonctionne pas

j'ai toujours la même erreur

**donuts** · 26/05/2010, 16h28

En fait en enlevant Ext.onReady(function(){}) ça fonctionne presque correctement sauf que le panel s'affiche directement quand tu charges la page et ensuite il disparaît ou apparaît quand tu clique sur le lien. Je vais creuser ça un peu plus.
En tout cas merci beaucoup

**takitano** · 26/05/2010, 17h16

il ne faut pas enlever le onready ... cette fonction est executer apres le chargement des librairies ...

il faudrait préciser ce que tu veux faire ...

**donuts** · 27/05/2010, 09h03

Et bien ça marche si je le mets ou pas voilà les deux codes où cela fonctionne

avex Ext.onReady

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
<%@ Page Language="vb" AutoEventWireup="false"%>
<html>
	<head>
		<title>Exemple Slide</title>
		<link rel="stylesheet" type="text/css" href="/lib/_extjs3/resources/css/ext-all.css" />
		<script type="text/javascript" src="ext-base.js"></script> <!--permet de faire le slide, librairie Ext.2-->
		<script type="text/javascript" src="/lib/_extjs3/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="/lib/_extjs3/adapter/ext/ext-core-debug.js"></script>
		<script type="text/javascript" src="/lib/_extjs3/ext-all.js"></script>
 
		<script type="text/javascript">
			var clique = false;
			function getSlide() {
 
				if( !clique) {
 
					Ext.get('slide').slideIn('t',
						{
						duration: .5,
						remove: false,
						useDisplay: true,
						});
					clique = true;
 
				} else{
 
					if (clique) {
 
						Ext.get('slide').slideOut('t',
						{
						duration: .5,
						remove: false,
						useDisplay: true,
						});
						clique = false;
					}
				}
			}
 
		</script>
	</head>
 
	<body>
		<div id="slide" style="color=red; visibility:hidden; display:none;">
		<script type="text/javascript">  
 
		MyPanel = new Ext.Panel({
			renderTo: "slide",
			width: 250,
			height: 352,
			layout: 'fit',
			title: 'Création de requêtes étape 1',
			items: [
			{
				xtype: 'label',
				text: 'Etape 1 : Choisissez l\'opérateur souhaité'
			}
		    ]
		});	
		Ext.onReady(function(){
		MyPanel.show();
		});
		</script>
		</div>
		<a href ="#" onclick="getSlide();">Slide avec ExtJs</a>
	</body>
</html>

sans Ext.onReady

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
<%@ Page Language="vb" AutoEventWireup="false"%>
<html>
	<head>
		<title>Exemple Slide</title>
		<link rel="stylesheet" type="text/css" href="/lib/_extjs3/resources/css/ext-all.css" />
		<script type="text/javascript" src="ext-base.js"></script> <!--permet de faire le slide, librairie Ext.2-->
		<script type="text/javascript" src="/lib/_extjs3/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="/lib/_extjs3/adapter/ext/ext-core-debug.js"></script>
		<script type="text/javascript" src="/lib/_extjs3/ext-all.js"></script>
 
		<script type="text/javascript">
			var clique = false;
			function getSlide() {
 
				if( !clique) {
 
					Ext.get('slide').slideIn('t',
						{
						duration: .5,
						remove: false,
						useDisplay: true,
						});
					clique = true;
 
				} else{
 
					if (clique) {
 
						Ext.get('slide').slideOut('t',
						{
						duration: .5,
						remove: false,
						useDisplay: true,
						});
						clique = false;
					}
				}
			}
 
		</script>
	</head>
 
	<body>
		<div id="slide" style="color=red; visibility:hidden; display:none;">
		<script type="text/javascript">  
 
		MyPanel = new Ext.Panel({
			renderTo: "slide",
			width: 250,
			height: 352,
			layout: 'fit',
			title: 'Création de requêtes étape 1',
			items: [
			{
				xtype: 'label',
				text: 'Etape 1 : Choisissez l\'opérateur souhaité'
			}
		    ]
		});	
		MyPanel.show();
		</script>
		</div>
		<a href ="#" onclick="getSlide();">Slide avec ExtJs</a>
	</body>
</html>

Ce que je voulais, c'est qu'après que ma page soit chargée, que lorsque j'appuie sur le lien "Slide avec ExtJs" un panel apparaisse et que lorsque je reclique dessus le panel disparaisse.
Désolée si je n'est pas été assez claire dès le départ, en tout cas merci quand même

**Mako 5013** · 27/05/2010, 09h09

Est-ce que le problème pourrait venir du fait que ton panel est défini dans un script à part ?

Personnellement, je mettrais tout dans un script en début de page, avec tout ce qui concerne Ext JS dans le Ext.onReady (même ta fonction getSlide() ou ton panel), puis, pour afficher le panel là où il faut, tu termines par un

Code :

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

1
2
 
MyPanel.render('idMyDiv'); // ou bien renderTo: 'idMyDiv' dans la config de ton panel

Mako

**donuts** · 27/05/2010, 09h14

Non ça ne marche pas désolé...
Mais avec mes deux codes que j'ai laissé juste avant ton message ça fonctionne parfaitement =)

**takitano** · 27/05/2010, 10h29

je confirme, ca marche.

Je voudrait que lorsque je clique sur le lien un panel apparaisse. Sauf que cela ne fonctionne pas et que l'erreur suivante s'affiche : R.doRemove is not a function...

lorsque je testais(après quelques corrections), le panel s'affichait et le bouton marchait... je n'ai pas compris que le panel ne devait pas s'afficher après le chargement...

bonne continuation

erreur : R.doRemove is not a function

Ext JS / Sencha

Discussions similaires

Partager

Partager