Untitled

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Franchise</title>
<link rel="stylesheet" type="text/css" href="http://o.aolcdn.com/dojo/1.1/dojo/resources/dojo.css" />
<link rel="stylesheet" type="text/css" href="http://o.aolcdn.com/dojo/1.1/dijit/themes/soria/soria.css" />
<link rel="stylesheet" type="text/css" href="dijit/themes/claro/claro.css" />
<link rel="stylesheet" type="text/css" href="dojox/grid/resources/Grid.css" />
<link rel="stylesheet" type="text/css" href="dojox/grid/resources/claroGrid.css" />
<link rel="stylesheet" type="text/css" href="dojox/grid/resources/soriaGrid.css" />
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" djConfig="parseOnLoad:true"></script>
<script type="text/javascript">
    dojo.require("dojox.grid.DataGrid");
    dojo.require("dojo.data.ItemFileReadStore");
</script>
<script type="text/javascript">
dojo.ready(function() {
    var theGreatestTeamOfAllTime = {
        items: [ {
                  "number":"BurgerKing",
                  "name":"Enabled",
                  "position":"215",
                  "victories1":"17",
                  "victories2":"27,500"
                  },
                 {
                  "number":"SmoothieKing",
                  "name":"Enabled",
                  "position":"185",
                  "victories1":"23",
                  "victories2":"67,231"
                  },
                 {
                  "number":"Subway",
                  "name":"Disabled",
                  "position":"433",
                  "victories1":"99",
                  "victories2":"192,435"
                  }

               ],
        identifier: "number"
    };

    var dataStore =
    new dojo.data.ItemFileReadStore(
        { data:theGreatestTeamOfAllTime }
    );
    var grid = dijit.byId("billsGrid");
    grid.setStore(dataStore);
});
</script>
<script type="text/javascript">
		dojo.require("dojo.parser");
		dojo.require("dijit.layout.ContentPane");
		dojo.require("dijit.layout.TabContainer");
                dojo.require("dijit.form.Button");
</script>

<body class="claro" >
     <div dojoType="dijit.layout.TabContainer"  style="width:880px;  height:500px; margin:15px; margin:0 auto; border:solid 1px;">


            <div style="width: 200px; height: 200px">
          <table id="billsGrid" dojoType="dojox.grid.DataGrid">
            <thead>
                <tr>
                    <th field="number" width="130px">Franchise</th>
                    <th field="name">State</th>
                    <th field="position">Stores</th>
                    <th field="victories1">Groups</th>
                    <th field="victories2">Guests</th>
                </tr>
            </thead>
       </table>
                  <br/>
          <button href="Franchise-details.html" dojoType="dijit.form.Button">Details</button>
          <button dojoType="dijit.form.Button">Add</button>
              </div>

          </div>
</body>
</html>