I would like to only show stories/defects from the current iteration on a kanban type board to help with our process.
So I found this example out here on SO and added the QUERY line to filter out my iteration. But now I am wanting this to come from the iterationdropdown box provided by rally.
I added it to the screen, and it shows ok, but how do I actually hook it up to my query?
<!DOCTYPE html>
<html>
<head>
<title>My Custom App</title>
<!--Include SDK-->
<script type="text/javascript" src="https://rally1.rallydev.com/apps/2.0p/sdk.js"></script>
<!--App code-->
<script type="text/javascript">
Rally.onReady(function() {
Ext.define('CustomApp', {
extend: 'Rally.app.App',
componentCls: 'app',
mappedToField:"State",
mappedFromField:"KanbanState",
fieldNameMap:{
a:"New",
b:"New",
c:"Defined",
d:"In-Progress",
e:"In-Progress",
f:"Completed",
g:"Completed",
h:"Accepted"
},
launch: function() {
this.add({
xtype:'rallyiterationcombobox',
itemId: 'iterationComboBox',
});
this.add({
xtype:'rallycardboard',
types: ["Defect", "HierarchicalRequirement"],
query: 'Iteration.Name contains "UB Sprint 29"',
attribute: this.mappedFromField,
listeners:{
beforecarddroppedsave:function(cardboard, card) {
//map the new state from on this card to the new state
var newState = this.fieldNameMap[card.record.get(this.mappedFromField)];
card.record.set(this.mappedToField, newState);
},
scope:this
}
});
}
});
Rally.launchApp('CustomApp', {
name: 'My Custom App'
});
});
</script>
</head>
<body class="myApp">
</body>
</html>
If you want to filter by iteration you need to add a listener to the iteration combobox and have it create the board based upon the current selected iteration.
<!DOCTYPE html>
My Kanban by Iteration
<!--Include SDK-->
<script type="text/javascript" src="https://rally1.rallydev.com/apps/2.0p2/sdk.js"></script>
<!--App code-->
<script type="text/javascript">
Rally.onReady(function() {
Ext.define('CustomApp', {
extend: 'Rally.app.App',
componentCls: 'app',
mappedToField:"State",
mappedFromField:"KanbanState",
kanban:undefined,
fieldNameMap:{
a:"New",
b:"New",
c:"Defined",
d:"In-Progress",
e:"In-Progress",
f:"Completed",
g:"Completed",
h:"Accepted"
},
launch: function() {
this.add({
xtype:'rallyiterationcombobox',
itemId: 'iterationComboBox',
listeners: {
select: this.createKanban,
ready: this.createKanban,
scope: this
}
});
},
createKanban:function(combo, records) {
if (this.kanban) {
this.kanban.destroy();
}
var filters = [];
if (records.length) {
filters.push({
property: 'Iteration',
value: records[0].get("_ref")
});
}
this.kanban = this.add({
xtype:'rallycardboard',
types: ["Defect", "HierarchicalRequirement"],
attribute: this.mappedFromField,
listeners:{
beforecarddroppedsave:function(cardboard, card) {
//map the new state from on this card to the new state
var newState = this.fieldNameMap[card.record.get(this.mappedFromField)];
card.record.set(this.mappedToField, newState);
},
scope:this
},
storeConfig:{
filters:filters
}
});
}
});
Rally.launchApp('CustomApp', {
name: 'My Kanban by Iteration'
});
});
</script>