Skip to content

Instantly share code, notes, and snippets.

@EToreo
Created August 28, 2012 18:38
Show Gist options
  • Save EToreo/3501893 to your computer and use it in GitHub Desktop.
Save EToreo/3501893 to your computer and use it in GitHub Desktop.
Dgrid header missing in dijit/Dialog
<html>
<head>
<link rel="stylesheet" href="/dojoFramework/dojo/resources/dojo.css">
<link rel="stylesheet" href="/dojoFramework/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="/dgrid/css/dgrid.css">
<link rel="stylesheet" href="/dgrid/css/skins/claro.css">
<meta charset="utf-8">
<title>Dojo Dgrid Dialog Test</title>
<!-- load Dojo -->
<script src="/dojoFramework/dojo/dojo.js" djconfig="parseOnLoad: true"></script>
<script src="registerModulePaths.js"></script>
<script>
require(["dojo/_base/declare", "dojo/ready", "dgrid/OnDemandGrid", 'dijit/form/Form', 'dijit/Dialog', "dojo/store/Memory", "dijit/layout/ContentPane", "dgrid/extensions/DijitRegistry", "dojo/domReady!"], function(declare, ready, Dgrid, Form, Dialog, Store, ContentPane, DgridDijitRegistry)
{
ready(function(){
//var jStore = new Store({target: '/extra-meta-plugin'});
var getColumns = function()
{
return {
ShortName: {label: "Name"}
};
};
var jStore = new declare([Store])({data: [{ShortName:"Number 1", id:"1"}, {ShortName:"Number 2", id:"2"}]});
var popup = new declare([Dialog])({});
var cp = new declare([ContentPane])({style:"width: 700px; height: 200px;"});
var grid = new declare([Dgrid])({store: jStore, columns: getColumns()});
cp.set("content", grid.domNode);
popup.set("content", cp.domNode);
grid.startup();
cp.startup();
popup.startup();
popup.show();
});
});
</script>
</head>
<body class=" claro " id="layout">
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment