You could use the sample we have in the examples
<!DOCTYPE html>
<html>
<head>
<title>Grid Example</title>
<script type="text/javascript" src="/apps/2.1/sdk.js"></script>
<script type="text/javascript">
Rally.onReady(function() {
Ext.define('Rally.example.SimpleGrid', {
extend: 'Rally.app.App',
componentCls: 'app',
launch: function() {
this.add({
xtype: 'rallygrid',
columnCfgs: [
'FormattedID',
'Name',
'Owner'
],
context: this.getContext(),
enableEditing: false,
showRowActionsColumn: false,
storeConfig: {
model: 'userstory'
}
});
}
});
Rally.launchApp('Rally.example.SimpleGrid', {
name: 'Grid Example'
});
});
</script>
<style type="text/css">
</style>
</head>
<body></body>
</html>
Then set the project explicitly within the Custom HTML app and make sure you're scoped downwards.
If you wanted to define the project and/or the downward scope within the app, then maybe morse07 has a suggestion? I couldn't find where to explicitly define the project scoping behavior in the Grid app.