i have a problem and firebug dont show me any problem :/
My funcions.js
/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
Ext.require([
'Ext.grid.*',
'Ext.data.*',
'Ext.util.*',
'Ext.state.*'
]);
Ext.onReady(function() {
Ext.QuickTips.init();
// setup the state provider, all state information will be saved to a cookie
Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));
var store = Ext.create('Ext.data.Store', {
autoLoad: true,
proxy: {
type: 'ajax',
url: 'src.php'
}
});
var grid = Ext.create('Ext.grid.Panel', {
store: store,
stateful: true,
collapsible: true,
multiSelect: true,
stateId: 'stateGrid',
columns: [
{
text : 'Nombre Chofer',
flex : 1,
sortable : false,
dataIndex: 'nombre_chofer'
}
],
height: 350,
width: 600,
title: 'Array Grid',
renderTo: 'grid-example',
viewConfig: {
stripeRows: true,
enableTextSelection: true
}
});
});
My src.php (AJAX)
<?php
include_once 'funciones/header_server.php';
include_once 'model/ChoferModel.php';
function getList() {
$choferModel = new ChoferModel();
$resultQuery = $choferModel->getTable();
$conteo = count($resultQuery) - 1;
$resultQuery = (array) $resultQuery;
if ($conteo > 0) {
foreach ($resultQuery as $chofer) {
$rec['nombre_chofer'] = $chofer['NOMBRE_CHOFER'];
$arr[] = $rec;
}
$jsonresult = JEncode($arr);
echo $jsonresult;
}
}
getList();
And my index.php
<?php
//include_once 'funciones/header_server.php';
//include_once 'model/ChoferModel.php';
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sistema para control de viaticos - COPRA</title>
<link rel="stylesheet" type="text/css" href="script/ext-all.css" />
<script type="text/javascript" charset="utf-8" src="script/ext-all-dev.js"></script>
<script type="text/javascript" charset="utf-8" src="script/ext.js"></script>
<script src="script/funcions.js"></script>
</head>
<body>
<div id="grid-example" name="grid-example"></div>
</body>
</html>
My output is black, dont show table or grid... please help me..
Screenshots: src output: http://i.stack.imgur.com/zLMgz.png
Just define your own Model and use it in ajax proxy settings.
See working example of your code.
place proxy configuration into model onto into store. this worked for me in my application.
here how i configure my model:
proxy: {
type: 'ajax',
api: {
read: 'scripts/receive.php',
create: 'scripts/create.php?action=create',
update: 'scripts/create.php?action=update',
destroy:'scripts/destroy.php?action=destroy'
},
reader: {
type: 'json',
root: 'groups'
},
Maybe, you must set the response in your php as json. Add this to your php
header("HTTP/1.1 200 OK");
header("Content-Type: application/json");