elynegrao
28 Jun 2007, 6:00 AM
Hi all...
I'm trying to use MSSQL + PHP+ JSON + GRID but i'm not success.
here is my php code:
mssql_connect("myhost","myuser","mypass");
mssql_select_db("intranet");
$sql = "SELECT * FROM USUARIO";
$query = mssql_query($sql);
$total = mssql_num_rows($query);
echo '({"total":'.$total.',"results":[';
while($row = mssql_fetch_array($query)){
echo json_encode($row);
}
echo ']})';
My.js
Ext.onReady(function(){
var ds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'teste.php'
}),
reader: new Ext.data.JsonReader({
root: 'results',
totalProperty: 'total',
id: 'ID'
}, [
{name: 'LOGIN', mapping: 'LOGIN'},
{name: 'ID', mapping: 'ID'}
])
});
var cm = new Ext.grid.ColumnModel([{
id: 'LOGIN',
header: "Nome",
dataIndex: 'LOGIN',
width: 150
},{
header: "Codigo",
dataIndex: 'ID',
width: 100
}]);
var grid = new Ext.grid.Grid('grid-paging', {
ds: ds,
cm: cm,
trackMouseOver: true,
loadMask: true
});
grid.render();
ds.load();
});
Here is the output json_encode($row).
({"total":3,"results":[{"0":"1000","ID":"1000","1":"eliezer ","LOGIN":"eliezer ","2":"asd ","SENHA":"asd ","3":9,"NIVEL":9,"4":"Ely Negrao","NOME":"Ely Negrao","5":"9797","RAMAL":"9797","6":"eli@asdda.com","EMAIL":"eli@asdda.com","7":"Informatica ","DPTO":"Informatica ","8":"FCV ","MENU_SHOW":"FCV "}{"0":"1001","ID":"1001","1":"vendas ","LOGIN":"vendas ","2":"asd ","SENHA":"asd ","3":1,"NIVEL":1,"4":"Grupo Vendas","NOME":"Grupo Vendas","5":"0000","RAMAL":"0000","6":null,"EMAIL":null,"7":"Vendas ","DPTO":"Vendas ","8":"V ","MENU_SHOW":"V "}{"0":"1002","ID":"1002","1":"gkghjkgjk ","LOGIN":"gkghjkgjk ","2":"ghjkghjk ","SENHA":"ghjkghjk ","3":1,"NIVEL":1,"4":"dfghdfgh","NOME":"dfghdfgh","5":"3453","RAMAL":"3453","6":null,"EMAIL":null,"7":"dddd ","DPTO":"dddd ","8":"F ","MENU_SHOW":"F "}]})
Here my HTML page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Introduction to Ext: Starter Page</title>
<!-- Include YUI utilities and Ext: -->
<script type="text/javascript" src="../adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="../adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="../ext-all-debug.js"></script>
<script type="text/javascript" src="ExtStart.js"></script>
<!-- Include Ext stylesheets here: -->
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="../resources/css/ytheme-vista.css">
<link rel="stylesheet" type="text/css" href="ExtStart.css">
</head>
<body>
<h1> </h1>
<p> </p>
<div id="grid-paging"> </div>
<p> </p>
</body>
</html>
The problem is, i dont see anything on screen. :)
sorry my english.
I'm trying to use MSSQL + PHP+ JSON + GRID but i'm not success.
here is my php code:
mssql_connect("myhost","myuser","mypass");
mssql_select_db("intranet");
$sql = "SELECT * FROM USUARIO";
$query = mssql_query($sql);
$total = mssql_num_rows($query);
echo '({"total":'.$total.',"results":[';
while($row = mssql_fetch_array($query)){
echo json_encode($row);
}
echo ']})';
My.js
Ext.onReady(function(){
var ds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'teste.php'
}),
reader: new Ext.data.JsonReader({
root: 'results',
totalProperty: 'total',
id: 'ID'
}, [
{name: 'LOGIN', mapping: 'LOGIN'},
{name: 'ID', mapping: 'ID'}
])
});
var cm = new Ext.grid.ColumnModel([{
id: 'LOGIN',
header: "Nome",
dataIndex: 'LOGIN',
width: 150
},{
header: "Codigo",
dataIndex: 'ID',
width: 100
}]);
var grid = new Ext.grid.Grid('grid-paging', {
ds: ds,
cm: cm,
trackMouseOver: true,
loadMask: true
});
grid.render();
ds.load();
});
Here is the output json_encode($row).
({"total":3,"results":[{"0":"1000","ID":"1000","1":"eliezer ","LOGIN":"eliezer ","2":"asd ","SENHA":"asd ","3":9,"NIVEL":9,"4":"Ely Negrao","NOME":"Ely Negrao","5":"9797","RAMAL":"9797","6":"eli@asdda.com","EMAIL":"eli@asdda.com","7":"Informatica ","DPTO":"Informatica ","8":"FCV ","MENU_SHOW":"FCV "}{"0":"1001","ID":"1001","1":"vendas ","LOGIN":"vendas ","2":"asd ","SENHA":"asd ","3":1,"NIVEL":1,"4":"Grupo Vendas","NOME":"Grupo Vendas","5":"0000","RAMAL":"0000","6":null,"EMAIL":null,"7":"Vendas ","DPTO":"Vendas ","8":"V ","MENU_SHOW":"V "}{"0":"1002","ID":"1002","1":"gkghjkgjk ","LOGIN":"gkghjkgjk ","2":"ghjkghjk ","SENHA":"ghjkghjk ","3":1,"NIVEL":1,"4":"dfghdfgh","NOME":"dfghdfgh","5":"3453","RAMAL":"3453","6":null,"EMAIL":null,"7":"dddd ","DPTO":"dddd ","8":"F ","MENU_SHOW":"F "}]})
Here my HTML page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Introduction to Ext: Starter Page</title>
<!-- Include YUI utilities and Ext: -->
<script type="text/javascript" src="../adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="../adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="../ext-all-debug.js"></script>
<script type="text/javascript" src="ExtStart.js"></script>
<!-- Include Ext stylesheets here: -->
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="../resources/css/ytheme-vista.css">
<link rel="stylesheet" type="text/css" href="ExtStart.css">
</head>
<body>
<h1> </h1>
<p> </p>
<div id="grid-paging"> </div>
<p> </p>
</body>
</html>
The problem is, i dont see anything on screen. :)
sorry my english.