Problema con ancho de columna de rallygrid en RC2

Question

appsdk2 rc2 parece estar ignorando el parámetro de ancho en columncfgs para rallygrids.

Por ejemplo:

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

Esto representa con un ancho de 40 píxeles en RC1, pero no está en RC2.¿Es este un error, o ha cambiado el parámetro?¿Hay alguna solución para esto?

Answer 1

Este es un error en la versión 2.0RC2.Por ahora se puede trabajar, incluido Flex: null en la configuración de su columna para anular lo que la cuadrícula está haciendo incorrectamente:

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

Se ha enviado un defecto y esto debe ser arreglado para la próxima versión.

Answer 2

Parece que el error no afecta a las cuadrículas en función de una tienda personalizada.Aquí hay una aplicación RC2 (puede ver el código completo Aquí ) con Rally.data.custom.store donde el ancho especificado en los clumncfgs tiene un efecto esperado:

  _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);
         }
    }

con ancho establecido en 200 testcasesstatus columna se ve así:

y con ancho establecido a 40 como este: