Добавление новой строки в Grid

Ext.onReady(function() {
var myData = [
['Вареники', 180, 20],
['Маринованные огурцы', 130, 10],
['Гречка', 70, 20],
['Пельмешки', 250, 60]
];
 
var store = Ext.create('Ext.data.ArrayStore', {
 // store configs
storeId: 'myStore',
fields: ['good','price','count'],
data: myData
});
 
 
Ext.create('Ext.grid.Panel', {
title: 'Товары',
store: store,
plugins:[{
            ptype:'rowediting',
            clicksToEdit: 1
        }],
 
        selType: 'rowmodel',
        height: 250,
        width: 400,
{
text : 'Товар',
        margin:10,
  
 
columns: [{
           xtype:'rownumberer'
          },
dataIndex: 'good',
editor: {
           allowBlank: false
        }
},
{
text : 'Цена',
dataIndex: 'price',
xtype:'numbercolumn',
editor: {
           allowBlank: false
        }
},
{
text : 'Кол-во',
xtype:'numbercolumn',
dataIndex: 'count',
editor: {
           allowBlank: false
        }
},
 
  tbar: [  // верхний тулбар  с кнопкой, здесь проблема - при добавлении tbar исчезает табличка
          {
            text: 'Добавление новой строки',
            handler: function(){
            myStore.insert(' ', 0, 0);
 
           // пробовала и так myStore.add({good: 'Тестовый товар', price:0, count:0});
 
              }
          }
          ]
 
 
],
 
renderTo: 'grid1'
});
 
});

 store.insert(' ', 0, 0);