Utilisation de ThemeCombo

**Tiolebucheron** · 12/07/2009, 11h45

Bonjour

J'essaye d'utiliser l'extension Ext.ux.ThemeCombo, sans succès. Je n'ai pas d'affichage du combo.

Voici le code. Pouvez-vous m'aider? Merci. Tio

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
69
70
71
72
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>  
    <head>    
    <title>Portail cartographique du CRPF de Normandie</title>    
 
    <!-- Bibliothèque css-->         
    <link rel="stylesheet" type="text/css" href="../libs/css/toolbar.css" />         
    <link rel="stylesheet" type="text/css" href="../mapfish-client/ext/resources/css/ext-all.css" />           
    <link rel="stylesheet" type="text/css" href="../libs/css/searchmerl-xml-tree-loader.css" />    
    <link rel="stylesheet" type="text/css" href="../mapfish-client/ext/resources/css/xtheme-default.css"  id="theme">
 
    <!-- Bibliothèque Openlayer Ext -->    
    <script type="text/javascript" src="../mapfish-client/openlayers/lib/Firebug/firebug.js"> </script>    
    <script type="text/javascript" src="../mapfish-client/openlayers/lib/OpenLayers.js"></script>    
    <script type="text/javascript" src="../mapfish-client/ext/adapter/ext/ext-base.js"></script>    
    <script type="text/javascript" src="../mapfish-client/ext/ext-all-debug.js"></script>    
    <script type="text/javascript" src="../mapfish-client/mapfish/MapFish.js"></script>    
    <script type="text/javascript">
    // Because of a bug in Firefox 2 we need to specify the MapFish base path.
    // See https://bugzilla.mozilla.org/show_bug.cgi?id=351282
        var gMfLocation = "../mapfish-client/mapfish/";
    </script> 
 
    <!--  Bilbiothèque plugin-->    
    <script type="text/javascript" src="../libs/js/pluging/XmlTreeLoader.js"></script>     
    <script type="text/javascript" src="../libs/js/pluging/Ext.ux.form.ThemeCombo.js">
 
        // reference local blank image
    Ext.BLANK_IMAGE_URL = '../mapfish-client/ext/resources/images/default/s.gif';
    Ext.onReady(function() {
 
        var viewport = new Ext.Viewport({
            layout:'border',
            items:[
                new Ext.BoxComponent({
                    region: 'north',
                    height: 32,
                    margins: '0 0 0 0',
                    autoEl: {
                        tag: 'div',
                        html:'<p>north - generally for menus, toolbars and/or advertisements</p>',
                        xtype: 'themecombo',
                        id:'theme-combo'
                        }
                }),{
                    region: 'south',
                    contentEl: 'south',
//                    ....
                },{
                    region: 'east',
                    contentEl: 'east',
//                    ....
                    region: 'west',
                    contentEl: 'west',
//                    ....
                },{
                    region: 'center',
//                    ....
                }
            ]
        });
 
    });
    </script>   
</head>  
<body>         
    <div id="west"></div>         
    <div id="east"></div>             
    <div id="center"></div>         
    <div id="south"></div>  
</body>
</html>

**Tiolebucheron** · 12/07/2009, 18h26

Voici la réponse. Un long moment de solitude pour moi.

A bientot

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var viewport = new Ext.Viewport({
			layout:'border',
			items:[{
					region: 'north',
					contentEl: 'north',
					height: 24,
					border: false,
					bodyStyle:'background: transparent;',
					margins: '0 0 0 0',
					items: {
				    xtype:'themecombo',
					width:130
					}

Utilisation de ThemeCombo

Ext JS / Sencha

Vue hybride

Discussions similaires

Partager

Partager