rc2中的拉力网格列宽度问题

时间:2014-01-08 18:45:54

标签: rally appsdk2

Appsdk2 rc2似乎忽略了columnCfgs上的rallygrids的宽度参数。

例如:

xtype: 'rallygrid',
columnCfgs: [
    {dataIndex: 'ValueScore', width: 40, text:'Value'}
]

这在rc1中呈现40像素宽度,但在rc2中不呈现。这是一个错误,还是参数已更改?有解决方案吗?

2 个答案:

答案 0 :(得分:1)

这是2.0rc2版本中的错误。现在可以通过在列配置中包含flex:null来覆盖网格错误地执行的操作:

xtype: 'rallygrid',
columnCfgs: [
    {dataIndex: 'ValueScore', width: 40, text:'Value', flex: null}
]

已提交缺陷,应在下次发布时修复此问题。

答案 1 :(得分:1)

看起来这个bug不会影响基于自定义商店的网格。这是一个rc2应用程序(您可以看到完整的代码here)和Rally.data.custom.Store,其中clumnCfgs中指定的宽度具有预期的效果:

  _createTestSetGrid: function(testsets) {
        var testSetStore = Ext.create('Rally.data.custom.Store', {
                data: testsets,
                pageSize: 100,  
            });
        if (!this.down('#testsetgrid')) {
         this.grid = this.add({
            xtype: 'rallygrid',
            itemId: 'testsetgrid',
            store: testSetStore,
            columnCfgs: [
                {
                   text: 'Formatted ID', dataIndex: 'FormattedID', xtype: 'templatecolumn',
                    tpl: Ext.create('Rally.ui.renderer.template.FormattedIDTemplate')
                },
                {
                    text: 'Test Case Count', dataIndex: 'TestCaseCount',
                },
                {
                    text: 'Test Case Status', dataIndex: 'TestCaseStatus', width: 200,           //width: 40
                },
                {
                    text: 'TestCases', dataIndex: 'TestCases', 
                    renderer: function(value) {
                        var html = [];
                        Ext.Array.each(value, function(testcase){
                            html.push('<a href="' + Rally.nav.Manager.getDetailUrl(testcase) + '">' + testcase.FormattedID + '</a>')
                        });
                        return html.join(', ');
                    }
                }
            ]
        });
         }else{
            this.grid.reconfigure(testSetStore);
         }
    }

宽度设置为200时,TestCasesStatus列如下所示:

enter image description here

并将宽度设置为40,如下所示:

enter image description here