Requête MySQL dans ExtJS 6

Fermé
MrAkiroKun Messages postés 29 Date d'inscription vendredi 8 août 2014 Statut Membre Dernière intervention 22 janvier 2016 - Modifié par jordane45 le 12/01/2016 à 11:52
Bonjour à tous,

Voila mon problème: je suis développeur PHP, et pour la première fois on me demande d'utiliser ExtJS 6. j'ai donc besoin de faire une requête MySQL pour récuperer des données et les afficher dans une grid. Mais je ne sais absolument pas faire ça.
J'ai au moins réussit à créer ma grid avec des valeurs en dur dedans.
J'ai donc besoin de votre aide pour saisir comment récupérer des valeurs dans ma base de données et les afficher dans ma grid ExtJS 6. Je met mes codes dans le poste, évidement.
J'espère avoir été clair, merci d'avance pour vos réponses.

Cordialement

Mon fichier helloExtJS6.js:
Ext.onReady(function(){

Ext.define('ressource_sda', {
    extend: 'Ext.data.Model',
    fields: [ 'id', 'sda', 'llcompte', 'lappversion', 'bddversion', 'bddcompte', 'bddversionv5', 'bddcomptev5', 'operateur', 'serveur', 'viacollect']
});
    var rsc_sdaStore = Ext.create('Ext.data.Store', {
    model: 'ressource_sda',
    data: [
        { id: '1', sda: '0146240987', llcompte: 'scm_ns', lappversion: '0146240987', bddversion: '0146240987', bddcompte: '0146240987', bddversionv5: '0146240987', bddcomptev5: '0146240987', operateur: '0146240987', serveur: '0146240987', viacollect: '0146240987'},
        { id: '2', sda: '0146240987', llcompte: 'scm_ns', lappversion: '0146240987', bddversion: '0146240987', bddcompte: '0146240987', bddversionv5: '0146240987', bddcomptev5: '0146240987', operateur: '0146240987', serveur: '0146240987', viacollect: '0146240987'},
        { id: '3', sda: '0146240987', llcompte: 'scm_ns', lappversion: '0146240987', bddversion: '0146240987', bddcompte: '0146240987', bddversionv5: '0146240987', bddcomptev5: '0146240987', operateur: '0146240987', serveur: '0146240987', viacollect: '0146240987'},
        { id: '4', sda: '0146240987', llcompte: 'scm_ns', lappversion: '0146240987', bddversion: '0146240987', bddcompte: '0146240987', bddversionv5: '0146240987', bddcomptev5: '0146240987', operateur: '0146240987', serveur: '0146240987', viacollect: '0146240987'}
    ]
});

 Ext.create('Ext.grid.Panel', {
    store: rsc_sdaStore,
    renderTo: 'magrid',
    width: 1680,
    height: 500,
    title: 'Ressources SDA',
    columns: [
        {
            text: 'id',
            width: 50,
            dataIndex: 'id'
        },
        {
            text: 'sda',
            width: 125,
            dataIndex: 'sda'
        },
        {
            text: 'llcompte',
            width: 125,
            dataIndex: 'llcompte'
        },
        {
            text: 'lappversion',
            width: 125,
            dataIndex: 'lappversion'
        },
        {
            text: 'bddversion',
            width: 125,
            dataIndex: 'bddversion'
        },
        {
            text: 'bddcompte',
            width: 125,
            dataIndex: 'bddcompte'
        },
        {
            text: 'bddversionv5',
            width: 125,
            dataIndex: 'bddversionv5'
        },
        {
            text: 'bddcomptev5',
            width: 125,
            dataIndex: 'bddcomptev5'
        },
        {
            text: 'operateur',
            width: 125,
            dataIndex: 'operateur'
        },
        {
            text: 'serveur',
            width: 125,
            dataIndex: 'serveur'
        },
        {
            text: 'viaCollect',
            width: 125,
            dataIndex: 'viacollect'
        }
    ]
});
});



Mon fichier index.html:
<!DOCTYPE html>
<html>
<head>
<!-- En-tête de la page -->
<meta charset="utf-8" />
<title>Hello ExtJS 6 avec Objis</title>
<script type="text/javascript" src="/sdk/ext6/build/ext-all-debug.js"></script>
<link rel="stylesheet" href="/sdk/ext6/build/classic/theme-classic/resources/theme-classic-all-debug.css" />
<script type="text/javascript" src="helloExtJS6.js"></script>
</head>
<body>
<!-- Corps de la page : vide-->
<div id="magrid" />
</body>
</html>



EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.