e la seconda volta che consiglio dojo ( spero che mi paghino ghgh )
cmq ritornando a noi ... puoi fare tutto nella stessa pagina utilizzando ajax , e visualizzare il risultato della query con un widget di dojo (http://docs.dojocampus.org/dojox/grid/DataGrid).
questo è un esempio che ho preso dal sito di dojo ed ho addattato al caso tuo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
<head>
<style type="text/css">
body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
</style>
<script src="/dojo/dojo/dojo.js" djConfig="parseOnLoad: true">
</script>
<script type="text/javascript">
dojo.require("dojox.grid.DataGrid");
dojo.require("dojox.data.CsvStore");
var grid4 = false;
dojo.addOnLoad(function() {
// our test data store for this example:
var store4 = new dojox.data.CsvStore({ data: 'col1, col2, col3\n'});
// set the layout structure:
var layout4 = [{
field: 'col1',
name: 'Column 1',
width: '200px'
},
{
field: 'col2',
name: 'Column 2',
width: '50px'
},
{
field: 'col3',
name: 'Column 3',
width: 'auto'
}];
// create a new grid:
grid4 = new dojox.grid.DataGrid({
query: {
Title: '*'
},
store: store4,
clientSort: true,
rowSelector: '20px',
structure: layout4
},
document.createElement('div'));
// append the new grid to the div "gridContainer4":
dojo.byId("gridContainer4").appendChild(grid4.domNode);
// Call startup, in order to render the grid:
grid4.startup();
});
// carica il risultato della query nella tabella in modo asincrono
function caricaGrid(){
var paramValue = 'xd';
dojo.xhrGet( {
url: "indirizzo server",
handleAs: "text",
// qui metti in formato json i parametri che devi inviare
content: {param1: "value1" , param2: paramValue} ,
timeout: 5000,
load: function(response, ioArgs) {
try{
// il risultato ritornato dal server deve essere scritto in questo formato:
// - "colum1, column2 , column3 \nrow1value1, row1value2, row1value3 \nrow2value1, row2value2, row2value3 \n"
// - gli '\n' sono utilizzati per indicare che si sta iniziando una nuova riga
// - la prima riga deve contenere sempre i nomi delle colonne
grid4.setStore( new dojox.data.CsvStore({data:response}));
}catch(err){alert(err.description);}
return response;
},
error: function(response, ioArgs) {}
}
);
}
</script>
<link rel="stylesheet" type="text/css" href="/dojo/dijit/themes/claro/claro.css"
/>
<style type="text/css">
@import "/dojo/dojox/grid/resources/Grid.css";
@import "/dojo/dojox/grid/resources/claroGrid.css";
.dojoxGrid table { margin: 0; } html, body { width: 100%; height: 100%;
margin: 0; }
</style>
</head>
<body class=" claro ">
<select onChange="caricaGrid()"></select>
<div id="gridContainer4" style="width: 100%; height: 100%;">
</div>
</body>
</html>
onestamente non ho provato questo codice ma dovrebbe andare ...