Sorting and filtering data based on the keyword in name - rally

Question

Hi I would like to have a function to contain 2 filters first to filter the data based on the keyword of the name which contain the word "from mail" and the next is based on the iteration box . I've tried to do it but the grid shows no data the code i used:
Ext.define('CustomApp', {
extend: 'Rally.app.App',
componentCls: 'app',
grid: null,
launch: function() {
var filters = [];
var timeboxScope = this.getContext().getTimeboxScope();
if(timeboxScope) {
filters.push(timeboxScope.getQueryFilter());
}
this.getFilteredStoryModel(filters);
},
onTimeboxScopeChange: function(newTimeboxScope) {
var newFilters = [];
var updatedTimeboxScope = this.getContext().getTimeboxScope();
if (this.grid) {
this.grid.destroy();
}
if (updatedTimeboxScope) {
newFilters.push(newTimeboxScope.getQueryFilter());
}
this.getFilteredStoryModel(newFilters);
},
getFilteredStoryModel:function(queryFilters){
Ext.create('Rally.data.wsapi.Store', {
fetch: ['FormattedID','Name','Owner','ScheduleState'],
model:"User Story",
filters: queryFilters,
autoLoad:true,
listeners:{
load:function(myStore,myData,success){
console.log("got data:",myStore,myData,success);
//the data is got and store in myStore if success. and the _loadTagSummary is called with the myStore pass into it
this.displaydata(myStore);
},
scope:this
},
});
},
displaydata:function(mystorystore){
this.grid = this.add({
xtype: 'rallygrid',
model: mystorystore,
columnCfgs: [
'FormattedID',
'Name',
'Owner'
],
storeConfig: {
filters: [
{
property: 'Name',
operator: '=',
value: 'From Mail'
}
]
}
});
}
});
Thank you for the help

Answer 1

You're not super far off- I think you're getting tripped up by a subtle bug in onTimeboxScopeChange (not calling the parent method) and also some weirdness around trying to specify both a store and a storeConfig on the grid.
Here's what I came up with:
Ext.define('CustomApp', {
extend: 'Rally.app.App',
componentCls: 'app',
layout: 'fit', //take up all available space
launch: function() {
this._addGrid();
},
onTimeboxScopeChange: function(newTimeboxScope) {
this.callParent(arguments); //super important, or timebox scope in context doesn't ever get updated!
this._refreshGrid();
},
_addGrid: function() {
this.add({
xtype: 'rallygrid',
model: 'User Story',
columnCfgs: [
'FormattedID',
'Name',
'Owner'
],
storeConfig: {
filters: this._getFilters()
}
});
},
_getFilters: function() {
var filters = [
{
property: 'Name',
operator: '=',
value: 'From Mail'
}
];
var timeboxScope = this.getContext().getTimeboxScope();
if (timeboxScope) {
filters.push(timeboxScope.getQueryFilter());
}
return filters;
},
_refreshGrid: function() {
var grid = this.down('rallygrid'),
store = grid.getStore();
store.clearFilter(true);
store.filter(this._getFilters());
}
});
I used a few different examples in the docs to help with this:
Filterable Grid Example (for refreshing the grid)
Timebox Filtering (for the onTimeboxScopeChange bug)