rally combobox doesn't show properly as expected

Question

I want to create a combobox listing all user story's formatted id.

The js is somethiing like below:

Ext.define('CustomApp', {

    extend : 'Rally.app.App',
    componentCls : 'app',
    launch : function() {
        var usComboBox = Ext.create('Ext.Container', {
            items : [ {
                xtype : 'rallycombobox',
                storeConfig : {
                    autoLoad : true,
                    model : 'User story',
                    displayField:'FormattedId',
                }
            } ],
        });
        this.add(usComboBox);
    },

});

First of all, the comboBox cannot show any formatted id; Secondly, if I removed the "displayField" config, I can see list of user story names but somehow it's not always showing like that. Sometime if I refresh the page, the list may not be shown. I tested this by changing the App.js file and view App-debug.html file in Chrome since Chrome extension terminal couldn't be installed properly in Windows 7. Is this the right way to do?

Answer 1

You may use filterFieldName of rallymultiobjectpicker, and fetch FormattedID. It currently does not automatically add the value in filterFieldName to the fetch.

var box = Ext.create('Ext.Container', {
            items: [{
                xtype: 'rallymultiobjectpicker',
                modelType: 'userstory',
                filterFieldName: 'FormattedID',
                storeConfig: {
                    fetch:['FormattedID']
                }
            }]
        });
        this.add(box);