在thr第一列之前在sencha网格中添加三个新列

Question

假设我有一个已存在4列的sencha网格。但是当我尝试添加3个额外的列时，网格中已存在的其他四个列将停止正常显示。这是添加列的正确方法吗？我们可以同时向sencha网格添加多个列。我正在使用extjs 4.2。

提前感谢您的帮助。

     if(!gradeColumnExists){
            var categoryGradeColumn = Ext.create('Ext.grid.column.Column',{
                text: 'Grade',
                dataIndex: 'categoryGrade',
                flex: 1
            });
            grid.headerCt.insert(0, categoryGradeColumn);
            categoryGradeColumn.hidden=false;
            grid.getView().refresh();
        }
        if(!weightColumnExists){
            var weightColumn = Ext.create('Ext.grid.column.Column',{
                text: 'Weight',
                dataIndex: 'weight',
                flex: 1
            });
            grid.headerCt.insert(0, weightColumn);
            weightColumn.hidden=false;
            grid.getView().refresh();
        }
        if(!categoryColumnExists){
            var categoryColumn = Ext.create('Ext.grid.column.Column',{
                text: 'Category',
                dataIndex: 'categoryName',
                flex: 4
            });
            grid.headerCt.insert(0, categoryColumn);
            categoryColumn.hidden=false;
            grid.getView().refresh();
       }