I tested this app inside Rally, in prod. When I click on Rank column header the six-dot drag-n-drop icons appear. The grid should be sorted by Rank in order for those icons to show.
Here is the deployment html:
<!DOCTYPE html>
<html>
<head>
<title>features grid</title>
<script type="text/javascript" src="/apps/2.0rc2/sdk.js"></script>
<script type="text/javascript">
Rally.onReady(function () {
Ext.define('CustomApp', {
extend: 'Rally.app.App',
componentCls: 'app',
launch: function() {
this.add({
xtype: 'rallygrid',
model: 'PortfolioItem/Feature',
enableRanking: true,
columnCfgs: [{
dataIndex: 'DragAndDropRank',
maxWidth: 50
},{
dataIndex: 'FormattedID',
maxWidth: 50
},{
dataIndex: 'Name',
flex: 1,
minWidth: 160
}]
});
}
});
Rally.launchApp('CustomApp', {
name:"features grid",
parentRepos:""
});
});
</script>
<style type="text/css">
.app {
/* Add app styles here */
}
</style>
</head>
<body></body>
</html>
But there is a difference between the prod and debug. I noticed that while it is possible to drag-n-drop the artifacts in debug version, the six-dot icons do not appear even when the grid is being sorted by Rank. In prod, inside Rally, it is is possible to drag-n-drop the artifacts as long as the grid is sorted by Rank - at that point the six-dot icons appear.