Question

我正在尝试显示容器的“列表”：我的意思是我创建了一个容器（我称之为容器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”（... / app / view / ListaClientes.js）

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,
}                   
]
}});

屏幕容器B：我无法在这里上传屏幕，我是新手:( http://s7.postimg.org/q0gppq8h7/Container_B.jpg

Answer 1

我认为你提到的容器不是HTML表单概念中的通用容器，而是sencha touch中的真正类。

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

时回家

看看这里：

http://docs.sencha.com/touch/2.3.1/#!/api/Ext.ComponentQuery

如果您对dom级别的jquery搜索类型感兴趣，这是一个很好的例子。

http://docs.sencha.com/core/manual/content/element.html

还有一些类似的功能：

docs.sencha.com/touch/2.3.1 /＃！/ API / EXT-方法-getCmp

我使用2.3作为示例，但这些功能自早期版本开始就存在。希望这些可以提供帮助。

如何在Sencha Touch 2.3.1中选择容器

1 个答案: