Написание индивидуального вида - Сенча touch

Question

Мне нужно смоделировать следующий экран в Sencha Touch Architect;

изображения на верхней левой стороне. А в верхней правой части есть текст (Custom Tailored Clothing) и кнопка под ним. Как я могу написать HTML для этого?

Моя работа до сих пор;

<img src="{url}" height="50" width="50"/> 
<b>Custom Tailored Clothing</b> 

Однако текст Custom Tailored Clothing отображается под изображением, а не на стороне, как я хочу, чтобы это. Такая же проблема у меня есть с кнопкой. Может кто-то помочь мне с HTML.

UPDATE

Не ясно, с параметрами: dataview, index, target, record, e, eOpts

onNewsItemTap: function(dataview, index, target, record, e, eOpts) { 

    if (senchaEvent.event.target.nodeName === 'BUTTON') { 

     var form = Ext.create("MyApp.view.DV",{ 
      title:record.data.Name_mine, 
      record:record 
     }); 
     this.getMainView().push(form); 
    } else { 
     console.log("dfdfd"); 
    } 
},... 

Answer 1

Так как этот

HTML

<div class="content"> 
<img src="{url}" height="50" width="50"/> 
<div class="title"> <p><b> Custom Tailored Clothing </b></p> 
<button>300 mercer st</button></div> 
</div> 
<p>Why you might like this deal</p> 

CSS

div.content { 
    height : 50px; 
    margin-bottom : 5px; 
} 
div.content img { 
    float : left; 
    margin-right: 20px; 
} 

ВЫВОД

Основываясь на комментарий

Добавить слушателя в список

listeners : { 
     itemtap: function (list, index, item, record, senchaEvent) { 
      if (senchaEvent.event.target.nodeName === 'BUTTON') { 
       // code for getting a message box popped out 
      } 
      else 
       // code for slides to a new view 
     } 
} 

Обновление

onNewsItemTap: function(dataview, index, target, record, e, eOpts) { 

    if (e.event.target.nodeName === 'BUTTON') { 

     var form = Ext.create("MyApp.view.DV",{ 
      title:record.data.Name_mine, 
      record:record 
     }); 
     this.getMainView().push(form); 
    } else { 
     console.log("new view"); 
    } 
}