ExtJS从同级元素获取值

krcsximq 于 2022-11-05 发布在其他

关注(0)|答案(2)|浏览(216)

我使用的是extjs 3.4
我有动态添加到父面板的面板。我想在单击时捕获迭代器（i）的值。此迭代器的值保存在隐藏元素中：

xtype: 'hidden',
cls: 'hidden-ID',
value: i

所以基本上，只要单击一下，我就可以找到这个兄弟（也许是通过类名或类型？）。
但是我真的不知道怎么做--我已经试着找父母了，但是从父母那里我找不到孩子。
示例如下
编码：

Ext.onReady(function () {
    var eleCatDisplay2 = new Ext.Panel({
        renderTo: Ext.getBody(),
        height: 350
    });
    for (i = 0; i < 10; i++) {
        eleCatDisplay2.add(new Ext.Panel({
            layout: 'hbox',
            border: false,
            style: {
                marginTop: '10px'
            },
            items: [{
                xtype: 'displayfield',
                flex: 1,
                value: 'rowNum__' + i.toString()
            }, {
                xtype: 'hidden',
                cls: 'hidden-ID',
                value: i
            }, {
                xtype: 'panel',
                flex: 0.3,
                border: false,
                html: '<div>click to send</div>',
                listeners: {
                    'render': function (panel) {
                        panel.body.on('click', function () {
                            //here I would like to catch value of i
                            alert('test');
                        });
                    }
                }
            }]
        }));
    }
    eleCatDisplay2.doLayout();
});

extjs

来源：https://stackoverflow.com/questions/63656122/extjs-get-value-from-sibling-element

2条答案

按热度按时间

dnph8jn41#

您也可以将值储存在面板的某些自订属性中：

Ext.onReady(function () {
    var eleCatDisplay2 = new Ext.Panel({
        renderTo: Ext.getBody(),
        height: 350
    });
    for (i = 0; i < 10; i++) {
        eleCatDisplay2.add(new Ext.Panel({
            layout: 'hbox',
            border: false,
            style: {
                marginTop: '10px'
            },
            items: [{
                xtype: 'displayfield',
                flex: 1,
                value: 'rowNum__' + i
            }, {
                xtype: 'hidden',
                cls: 'hidden-ID',
                value: i
            }, {
                xtype: 'panel',
                flex: 0.3,
                border: false,
                html: '<div>click to send</div>',
                somePropertyName: i,
                listeners: {
                    'render': function (panel) {
                        panel.body.on('click', function () {
                            console.log(panel.somePropertyName);
                        });
                    }
                }
            }]
        }));
    }
    eleCatDisplay2.doLayout();
});

展开查看全部

赞(0）回复(0）举报 2022-11-05

mbskvtky2#

解（在显示字段上我已经添加cls：“显示猫名”）：

var cNM = Ext.getCmp(this.up('.hbox-parent').select('.display-cat-name').elements[0].id).value;
 var catId = this.up('.hbox-parent').select('.hidden-ID').elements[0].value;

赞(0）回复(0）举报 2022-11-05

我来回答

ExtJS从同级元素获取值

2条答案

相关问题

热门标签

最新问答