ExtJS: сетки Master Detail, используя тот же магазин

Question

Я новичок в ExtJS и пытаюсь найти свой путь. Я в настоящее время делаю POC и застрял в одном месте.

Я пытаюсь создать страницу основных деталей с сеткой в ​​главном и несколькими вкладками в деталях каждый с формой или сеткой. После выбора записи из главной сетки сверху необходимо заполнить подробную сетку. Уловка, я хочу использовать тот же магазин для обеих сеток (мастер &), потому что я хочу иметь возможность вносить изменения (добавлять строки mater, добавлять строки строк, удалять строки и т. Д.), А затем сохранять эти изменения в виде пакета , Возможно ли это? если да, то как мне его достичь? Должен ли я использовать один и тот же магазин, или я могу выполнить пакетное редактирование каким-либо другим способом?

До сих пор я пытался связать выбранную строку в ViewModel (в соответствии с этим question) и попытался следующие привязки данных к подробной сетке

   bind: { 
        data: { 
         bindTo: '{selection.Details}', 
         deep: true 
        } 
       } 

Любая помощь?

Обновление 1:

В моем магазине, мои данные в следующем формате (отсюда тот же магазин для мастер-деталь)

items: 
     [ 
      { 
       Name: "ABC", 
       Details:[ 
         { 
          detail1: 'asdf', 
          detail2:'qwerty' 
         } 
         ] 
      } 
     ] 

Update 2:

См. Следующее изображение.

Это то, чего я пытаюсь достичь. Я хочу использовать хранилище для данных Master-Detail. Является ли это возможным? если да, то как?

Update 3

Я создал fiddle для дальнейшего уточнения, что я прошу

Answer 1

По вашей скрипке я добавил решение here

Если посмотреть на сенче docs вы можно увидеть:

Начальный набор данных для применения к t pl для обновления области содержимого компонента.

так что привязка к данным динамическое значение не будет работать.