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.
Afficher la suite