我正在尝试创建一个自定义应用程序,该应用程序允许我按迭代搜索(xtype:'rallyiterationmbobox'),然后使用复选框(xtype:'checkbox')只显示"阻止"的项目,并在网格上显示所有项目。
我的复选框有问题。我无法让它推送一个过滤器,只在网格上显示"阻止"的项目。我已经做了很多研究,我所做的是研究的总和(可能是问题的一部分),但遗憾的是,仍然没有进展。显示所有内容,但复选框不起作用。有什么建议吗?
<!DOCTYPE html>
<html>
<head>
<title>User Stories By Iteration</title>
<script type="text/javascript" src="/apps/2.0p4/sdk.js"></script>
<script type="text/javascript">
Rally.onReady(function() {
Ext.define('CustomApp', {
extend: 'Rally.app.App',
componentCls: 'app',
//Containers for all items in the app
items: [
{
xtype: 'container',
itemId: 'dropdown'
},
{
xtype: 'container',
itemId: 'checkbox'
},
{
xtype: 'container',
itemId: 'grid'
}
],
launch: function() {
//Dropdown box for selecting an iteration
this.down('#dropdown').add({
xtype: 'rallyiterationcombobox',
margin: '10px 0px 0px 0px',
id: 'iterationComboBox',
listeners: {
ready: this._onLoad,
change: this._onChange,
scope: this
}
});
//Checkbox for toggling blocked items
this.down('#checkbox').add({
xtype: 'checkbox',
id: 'blockedFilter',
fieldLabel: 'Find Blocked Items in Iteration?',
padding: '5,5,5,5',
margin: '-31px 0px 0px 225px',
handler: this._onChecked
});
},
//Function that launches the grid
_onLoad: function(comboBox) {
Rally.data.ModelFactory.getModel({
type:'UserStory',
success:this._onModelRetrieved,
scope: this
});
},
//Updates grid when iteration dropdown is changed
_onChange: function() {
var filterConfig = {
property:'Iteration',
operator: '=',
value: this.down('#iterationComboBox').getValue()
};
this.grid.filter(filterConfig, true, true);
},
//BEGIN: POINT OF INTEREST
_getFilter: function() {
var filter = [];
if (Ext.getCmp('#blockedFilter').getValue()) this.grid.filter.push('Blocked');
return filter;
},
_onChecked: function() {
var changeBlock = this._getFilter();
var config = {
types: changeBlock
};
this.grid.refresh(config);
},
//END: POINT OF INTEREST
//Displays the main grid of information on the page
_onModelRetrieved: function(model) {
this.grid = this.down('#grid').add({
xtype:'rallygrid',
model: model,
id: 'iterationgrid',
pagingToolbarCfg:{
pageSizes: [25, 50, 100, 200]
},
columnCfgs:[
'FormattedID',
'Name',
'Iteration',
'Status',
'Blocked',
'Project'
],
storeConfig:{
context: this.context.getDataContext(),
filters:[
{
property:'Iteration',
operator: '=',
value: this.down('#iterationComboBox').getValue()
},
{
property: 'Blocked',
operator: '=',
value: this.down('#blockedFilter').getValue()
}
]
}
});
}
});
Rally.launchApp('CustomApp', {
name: 'User Stories By Iteration'
});
});
</script>
<style type="text/css">
</style>
</head>
<body></body>
</html>
任何信息都是有用的,因为我是Rally和Javascript的新手。如果Rally中有一个功能已经做到了这一点,我想知道,但这个应用程序实际上是针对我想用自定义字段实现的功能,我只是想先把架构弄下来。
2.0p4是App SDK 2.0的一个非常旧的预览版本。如果可能的话,您应该升级到使用本周刚刚发布的2.0 GA版本。
在文档中查看此示例:http://help.rallydev.com/apps/2.0/doc/#/示例/可过滤网格
它使用组合框来过滤网格。替换复选框应该相当简单。
由于你似乎总是按迭代确定范围,你也可以扩展Rally.app.TimeboxScopedApp。这将允许你的应用程序在迭代范围内的自定义页面上工作,并简化你的代码(如果需要,它将为你创建迭代组合框)。
这里的例子展示了如何完成这一部分(虽然这是刷新一块板,但刷新一个网格应该与上面的可过滤网格例子相同):
http://help.rallydev.com/apps/2.0/doc/#/guide/timebox_filtering-section-timebox-rerequired-apps