Forcer le redimensionnement d'une fenêtre après l'exécution

**Newb2010** · 18/11/2010, 16h44

Bonjour,

Je débute avec Ext JS et je recherche une solution au problème suivant dont je ne trouve pas de solution.

Je possède un serveur NAS sur lequel j'ai créé une application, lorsque je clic sur le lien de celle-ci, elle ouvre une fenêtre mais avec une largeur et une hauteur par défaut.

Ces dimensions je ne peux pas les modifier dans le serveur NAS.

Je souhaite simplement ajouter à mon application quelques lignes de code pour forcer le redimensionnement de mon application après son lancement par exemple:

width = 500px
height = 1000px
minimise = false
etc ...

Genre comme ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
Ext.onReady (function () {
 
var w = MaFenêtreActive ({
height: 50,
width: 100,
closable: false,
draggable: false,
resizable: false,
 });
});

Est-ce possible ?

Merci.

**Newb2010** · 22/11/2010, 14h08

Bonjour,

Peut-être qu'avec cet exemple, il y aura quelqu'un pour m'aider, merci.

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
 
 
<script type="text/javascript">
 
Ext.onReady(function() {
var win_1 = new Ext.Window({
id : "my_window_1",
shadow : true,
width : 150,
height : 200,
title : "Title_of_window_1",
})
win_1.show();
 
});
 
function change_window_1() {
 
var win_2 = new Ext.Window({
applyTo : "my_window_1",
shadow : false,
width : 200,
height : 250,
title : "New_title_of_window_1",
})
win_2.show();
 
 
}
 
</script>
 
 
<input type="button" name="change_window_1" value="Change title window 1" onclick="change_window_1();" />

**JulienFio** · 24/11/2010, 10h49

Bonjour NewB2010,

Je pense que tu peux t'en sortir avec l'Event "afterrender" (après affichage).
exemple pour la fenetre 1:

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
Ext.onReady (function () {
 Ext.onReady(function() {
var win_1 = new Ext.Window({
id : "my_window_1",
shadow : true,
width : 150,
height : 200,
title : "Title_of_window_1",
})
win_1.show();
 
});
 
 
 
Ext.getCmp('my_window_1').on('afterrender', function() {
        var myWindow = Ext.getCmp('my_window_1');
        myWindow.setSize(500, 1000);
        myWindow.minizable = false;  // pas sûr de ça
    });

tu peux jouer aussi sur la position de ta fenêtre avec la méthode setPosition( Number left, Number top )

**Newb2010** · 28/11/2010, 18h40

Merci JulienFio de ta réponse, cependant elle ne fonctionne pas.
J'ai supprimé la première ligne, mais j'ai l'erreur: Ext.getCmp("my_window_1") is undefined, et je ne sais pas pourquoi.

**JulienFio** · 28/11/2010, 23h08

Tu peux poster ton code ?

Je ne vois pas pourquoi tu as une erreur comme ça

**Newb2010** · 29/11/2010, 12h13

Ci-dessous:

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../../ext-all.js"></script>
 
</head>
<body>
 
<script type="text/javascript">
 
Ext.onReady(function() {
	var win_1 = new Ext.Window({
		id : "my_window_1",
		shadow : true,
		width : 150,
		height : 200,
		title : "Title_of_window_1",
})
win_1.show();
 
});
 
 
Ext.getCmp('my_window_1').on('afterrender', function() {
        var myWindow = Ext.getCmp('my_window_1');
        myWindow.setSize(500, 1000);
        myWindow.minizable = false;  // pas sûr de ça
});
 
 
</script>
 
</body>
 
 
</html>

Forcer le redimensionnement d'une fenêtre après l'exécution

Ext JS / Sencha

Vue hybride

Discussions similaires

Partager

Partager