Fn is undefined

Version imprimable

22/05/2013, 12h14
domingo82

Fn is undefined

Bonjour,
Je suis débutant sur ExtJS et j'utilise la version 4.2.0. Je voudrais, pour une connexion au serveur, utiliser le proxy extdierct en suivant ce tuto: http://docs.sencha.com/extjs/4.2.0/#...irect_grid_pt1.
Le premier résultat que je devrais avoir est un tableau vide.Mais j'obtiens plutôt un tableau qui se charge indéfiniment (loading...) et dans la console web de FireFox j'ai l'erreur suivante: Fn is undefined.
Quelqu'un a-t-il une orientation à me donner ?
Merci.
22/05/2013, 19h57
NoSmoking

Bonjour,
pas vu de Fn dans ton code, ni dans le "tuto" du reste :aie:
23/05/2013, 20h08
sekaijin

je ne sais pas ce que tu as fais ou pas pfais
mais Fn est un objet créé dynamiquement lorsque on défini des callback

c'est entre autre le cas lorsque on donne une méthode d'un objet pour répondre à un évenement

par exemple lorsque tu met un handler sur une combobox dans le code de sencha on trouve fn.apply(scope, args || []);.

c'est donc généralement un objet interne à sencha
il te manque peut-être un fichier js.

de mémoire fn est en minuscule.
A+JYT

Merci pour vos réponses.
sekaijin
Voici le contenu de mon fichier index.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>List of Velociraptor Owners</title>
    <!--Ext JS-->
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
    <script src="extjs/ext-all-debug.js"></script>
    <!--Application JS-->
    <script src="grid.js"></script>
    <script src="php/api.php"></script>
</head>
<body>
</body>
</html>

Je me demande si le fichier extjs/ext-all-debug.js ne serait pas incomplet vu l'explication que tu donnes à mon erreur.
Voici aussi le contenu de mon fichier grid.js

Code:

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
Ext.require([
    'Ext.direct.*',
    'Ext.data.*',
    'Ext.grid.*'
]);
Ext.define('PersonalInfo', {
    extend: 'Ext.data.Model',
    fields: ['id', 'name', 'address', 'state']
});
 
Ext.onReady(function() {
    // create the Grid
    Ext.create('Ext.grid.Panel', {
        store: {
            model: 'PersonalInfo',
            autoLoad: true,
            proxy: {
                type: 'direct',
            }
        },
        columns: [{
            dataIndex: 'id',
            width: 50,
            text: 'ID'
        }],
        height: 450,
        width: 700,
        title: 'Velociraptor Owners',
        renderTo: Ext.getBody()
    });
});