Sencha touch 如何在Sencha Touch 2.3.1中选择容器

我正在尝试显示容器列表：我的意思是我创建了一个容器，我将其称为容器a以显示数据：

ID停靠在容器的左侧，名称位于顶部，任务名称位于底部，日期停靠在右侧

接下来我尝试在另一个容器B中显示这个容器：一些容器在一个更大的容器中，这样我就可以显示数据了

但是如果我想删除或编辑它，我需要选择一个容器a。我怎么做

多谢各位

编辑：

代码：容器A…/app/view/Cliente.js

Ext.define('proyecto.view.Cliente', {
extend: 'Ext.Container',        
xtype: 'cliente',
requires: ['Ext.TitleBar'],

config: {
title: 'Cliente',
iconCls: 'info',
xtype: 'container',
layout: 'vbox',
margin: 10,
padding: 5, border: 15,
    items: [
    {
        docked: 'left',
        xtype: 'container',
        width: 100,
        html: 'ID_cliente',
        style: 'background-color: #00CED1'
    },
    {
        xtype: 'container',
        flex: 2,
        html: 'Nombre',
        style: 'background-color: #6495ED'  
    },
    {
        xtype: 'container',
        flex: 1,
        html: '<DIV ALIGN=right><span style="background-color:#4169E1">Asignaciones</span></DIV>',
    },
    ]
}});

屏幕容器B：我不能在这里上传屏幕，我是新手：

---

我假设您提到的容器不是HTML表单概念中的通用容器，而是sencha touch中的真实类

我建议您看看如何在sencha touch框架中使用组件查询，因为它是框架中最强大、最基本的搜索工具。如果你正确地组织你的对象，它可以很容易地为你得到任何东西。如果您来自css和jquery选择器的背景，那么在检查如何使用时，您会感到如家一般

请看这里：

如果您还对dom级别的jquery类型的搜索感兴趣，下面是一个很好的示例

此外，还提供了一些类似的功能：

docs.sencha.com/touch/2.3.1//api/Ext方法getCmp

---

我以2.3为例，但这些特性在早期版本中就已经存在了。希望这些能有所帮助。

如果您能提供一个屏幕截图、链接或一些代码，那就更好了。您好。我包括了两个容器的代码和列表的图片。我需要在此列表中选择，以便编辑或删除所选的容器，我希望这是明确的。英语不是我的母语。

Ext.define('proyecto.view.ListaClientes', {
extend: 'Ext.Container',

xtype: 'listaclientes',
requires: ['Ext.TitleBar', 'proyecto.view.Cliente'],
config: {
title: 'Lista de Clientes',
iconCls: 'team',
scrollable: true,
    items: [
{   
    xtype: 'toolbar',
    title: 'Lista de clientes',
    docked: 'top',
    items:  [
    {
        text: 'Nuevo'/*,
        action: 'nuevocliente'*/
    },
    {
        text: 'Editar'/*,
        action: 'editarcliente',
        enableOnSelection: true,
        disabled: true */
    },
    {
        xtype: 'spacer'
    },
    {
        text: 'Eliminar'/*,
        action: 'eliminarcliente',
        enableOnSelection: true,
        disabled: true */
    }
    ]
},
{       //example visualization
    xtype: 'cliente',
    height: 80,
}, 
{
    xtype: 'cliente',
    height: 80,
}, 
{
    xtype: 'cliente',
    height: 80,
}, 
{
    xtype: 'cliente',
    height: 80,
}                   
]
}});