Skip to content

Instantly share code, notes, and snippets.

@matschaffer

matschaffer/gridmashup.html

Created October 10, 2008 13:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save matschaffer/16047 to your computer and use it in GitHub Desktop.
Save matschaffer/16047 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gridmashup.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link type="text/css" rel="stylesheet" href="__SERVER_URL__/css/toolkit/grid.css"/>
<script type="text/javascript" src="__SERVER_URL__/js/toolkit/yui.js"></script>
<script type="text/javascript" src="__SERVER_URL__/js/toolkit/toolkit.js"></script>
<script type="text/javascript" src="__SERVER_URL__/js/toolkit/connection.js"></script>
<script type="text/javascript" src="__SERVER_URL__/js/toolkit/datasource.js"></script>
<script type="text/javascript" src="__SERVER_URL__/js/toolkit/grid.js"></script>
<script type="text/javascript" charset="utf-8">
YAHOO.util.Event.addListener(window, 'load', function() {
var viewConfig = {
// configure columns
columnAttribute: "state",
columnValuesAccessor: function(model) {
var stateOptions = model.schema.stories.schema.state.options;
var stateNames = [];
for(var i = 0, length = stateOptions.length; i < length; i++) {
stateNames.push(stateOptions[i].label);
}
return stateNames;
},
columnHeaderRenderer: function(container, value) {
container.innerHTML = value;
},
// configure items
itemsAccessor: function(model) {
return model.items[0].stories;
},
itemRenderer: function(container, item) {
container.innerHTML = item.formattedID + ': ' + item.name;
},
// configure drag event
dragDropCallback: function(item, value) {
alert('Item: ' + item.formattedID + ': ' + item.name + ', Value: ' + value)
}
};
var grid = new RALLY.toolkit.Grid('grid_container', viewConfig);
var schemaConfig = {
'properties':{
'stories': {
'properties':{
'blocked':{},
'formattedID':{},
'name':{},
'oid':{},
'owner':{},
'project':{},
'state':{},
'taskActual':{},
'taskEstimate':{},
'taskRemaining':{}
}
}
}
};
var dataSource = new RALLY.toolkit.StoryViewDataSource(schemaConfig);
var returnedModel;
dataSource.get({}, function(model) {
returnedModel = model;
grid.display(model);
});
});
</script>
</head>
<body>
<div id="grid_container"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment