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

erreur : R.doRemove is not a function

Ext JS / Sencha

Vue hybride

Discussions similaires

Partager

Partager