<head>
<title>Atlantis - Dragons of Atlantis</title>
<link rel="stylesheet" href="./js/dojo/resources/dojo.css">
<link rel="stylesheet" href="./js/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="./js/dijit/themes/claro/document.css">
<link rel="stylesheet" href="./js/dojox/grid/enhanced/resources/claro/EnhancedGrid.css">
<link rel="stylesheet" href="./js/dojox/grid/enhanced/resources/claro/EnhancedGrid_rtl.css">
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<style>
#grid {
height: 700px;
}
</style>
<script src="./js/dojo/dojo.js" type="text/javascript" data-dojo-config="parseOnLoad:true"></script>
<script>
dojo.require("dojox.grid.EnhancedGrid");
dojo.require("dojox.grid.enhanced.plugins.Filter");
dojo.require("dojo.data.ItemFileWriteStore");
dojo.require("dijit.form.Select");
dojo.require("dijit.form.FilteringSelect");
dojo.require("dijit.form.Button");
dojo.require("dijit.Tooltip");
dojo.require("dojo.parser");
function showFilterBar(){
dijit.byId('grid').showFilterBar(true);
}
var grid, store;
dojo.ready(function(){
store = new dojo.data.ItemFileWriteStore({
url: "data.php?mode=listjoueurcarte&idroyaume=4"
});
grid = new dojox.grid.EnhancedGrid({store: store, /*query: { id : "0" },*/
plugins : {filter: {closeFilterbarButton: true, ruleCount: 5} },
structure: [
{ name: "Alliance", field: "Alliance"},
{ name: "Joueur", field: "Joueur"},
{ name: "Force", field: "Force", datatype: "number"},
{ name: "X", field: "X", datatype: "number"},
{ name: "Y", field: "Y", datatype: "number"},
{ name: "Nom Cité", field: "Libelle"},
{ name: "Terrain", field: "LibelleTerrain"},
{ name: "Niveau Terrain", field: "NiveauTerrain"}
]},
dojo.byId('grid'));
grid.startup();
dojo.connect(grid, "onRowClick", grid, function(evt){
var idx = evt.rowIndex, item = this.getItem(idx);
if(evt.cell.field == "Alliance") {
var value = this.store.getValue(item, "IdAlliance");
// Don't work with enhanced grid
//this.filter( { IdAlliance:value } );
}
else if(evt.cell.field == "Joueur") {
var value = this.store.getValue(item, "IdJoueur");
// Don't work with enhanced grid
//this.filter( { IdJoueur:value } );
}
});
});
</script>
</head>
<body class="claro">
<div id="header">
<h1>title</h1>
<div id="menu">
<ul id="nav">
<li><a href="#" onClick="doSomething();">Déconnexion</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="right">
<p>
<h2>Contenu du Royaume : <button data-dojo-type="dijit.form.Button" onclick='showFilterBar()'>Afficher la barre de filtre</button></h2>
</p>
<p>
<span id="grid"></span>
</p>
</div>
</div>
</body>
</html>