[lastbronetrain]

Вот задается panel1 cо всеми гридами:

var panel1 = new Ext.Panel({
             layout : 'border',
             //autoScroll : true,
             split  : true,
             region : 'center',
             items  : [
                        grid,
                        waitersGrid,
                        stolikiGrid,
                        bludaGrid,
                        napitkiGrid,
                        zakaziGrid,
                        zakaziBludGrid,
                        zakaziNapitkovGrid,
             ]
   });

Вот задается panel2 с datepicker:

var datePickerPanel = new Ext.Panel({
     region      : 'east',
     title       : 'Дата и время',
     collapsible : true,
     split       : true,
          // margins     : '3 0 3 3',
          //cmargins    : '3 3 3 3',
     width       : 204,
     items       : [datepicker]
  });

Вот главное окно:

var win = new Ext.Window ({
    id          : 'mainWindow',
    title       : 'Ресторан "Рауль Дьюк"',
    height      : 360,
    width       : 935,
    layout      : 'border',
    //autoScroll  : true,
    modal       : true,
    border      : true,
    closabled   : false,
    //region      : 'center',
    plain       : true,
    resizable   : false,
    collapsible : true,
    items       : [

                      winItems // эти две панели
                   ],
    tbar 	: mainToolBar
  })

Вот грид Клиенты:

var grid = new Ext.grid.EditorGridPanel({
      region         : 'center',
      x              : 0, //задаем координаты расположения grid
      y              : 0,
      title          : 'Клиенты', /*'Клиенты'*/
      id             : 'myGrid',
      height         : 300,
      width          : 716,
      trackMouseOver : false,
      frame          : true,
      style          : {visibility : 'visible'},
      columnLines    : true,
      stripeRows     : true,

      viewConfig: {
            forceFit:true
        },
      bbar         : toolBar,
      store        : jsonStore, /*jsonStore*/
      columns      : 
      [
          new Ext.grid.RowNumberer(),
          {header : '№',/*hidden : true,*/dataIndex: 'id_klients'},
          {header : 'Фамилия', sortable: true, dataIndex: 'surname', editor: textField},
          {header : 'Имя', dataIndex: 'name', editor : textField},
          {header : 'Отчество', dataIndex: 'patronymic', editor : textField},
          {header : 'Дата', sortable: true, dataIndex: 'date', editor: date_editor, renderer : Ext.util.Format.dateRenderer('d/m/Y')},
          {header : 'Номер столика',sortable: true, dataIndex: 'id_stolika',editor : stolik_edit},
          {header : 'Официант', dataIndex: 'waiters_name', editor: waiters_edit}
      ]
  });

Вот таблица официантов:

var waitersGrid = new Ext.grid.EditorGridPanel({
        region         : 'center',
		id          : 'waitersGrid',
        //region         : 'center',
        title       : 'Официанты',
        height      : 300,
        width       : 716,//716
        frame       : true,
        columnLines : true,
        stripeRows  : true,
        x           : 0,
        y           : 0,
         viewConfig: {
            forceFit:true
        },
        style       : {visibility : 'hidden'},
        bbar        : toolBarWaiters,
        store       : waitersStoreDB,
        columns     : [
            new Ext.grid.RowNumberer(),
            {header : 'id', dataIndex : 'id_waiters'},
            {header : 'Имя официанта', dataIndex : 'waiters_name', editor: textField},
            {header : 'Стаж работы', dataIndex : 'stazh', editor : numberField}
        ]
  });