javascript - 如何在 extjs 中动态创建表行

Question

我有这个小提琴为组合框工作

http://jsfiddle.net/f2JuX/16/

这会将标签添加到 td 元素。

我想要的是，而不是td在主之前添加元素td，然后附加更多标签span，我希望他们在组合框下方创建单独的标签行

让桌子向下生长

这是他使用的代码

var triggerWrap = me.triggerWrap,
    tr = triggerWrap.down('tr');
// create table cell
me.selectedCell = tr.createChild({
    tag: 'td',
    cls: Ext.baseCSSPrefix + 'selected-cell'
});

那么这个

    me.selectedCell.createChild({
        tag: 'span',
        html: display + '<span class="remove-tag"></span>',
        cls: 'tag tag-' + value,
        recordValue: value
    });

我找不到如何在下面添加表格

Answer 1

只需将行添加到triggerWrap而不是selectedCell. selectedCell那里不需要。

工作样本：http: //jsfiddle.net/f2JuX/19/

但是您应该注意到，组件的扩展高度可能会导致布局问题。在示例中，我添加了调用父布局以避免在这种特殊情况下发生这种情况，但在现实生活中仍然可能会出现问题。