extjs 动态设置控件的items的值，但多次后出现问题

前提简介： 我有一个card布局，在第一个card中选择不同的值，出现第二个card 是不同的内容。(第二个card是用的form，要动态加载不同的自定义form类)

我的思路：在点击next时，获得下一个card,然后在它上面用add的方法进行增加不同的items，这样确实能够动态控制；但是，在多次后，出现问题.因为用的add方法，所以增加的不同的form类一直存在，我尝试去删除它，但是可能自己方法不找对，一直出现问题，所以让大家帮我看下，希望能得到点提示

code:

    showNext: function () {        
    var combo = this.down('#card-0').items.items;
    var combo_1 = combo[0].value;
    var combo_2 = combo[1].value;

    if(combo_1 == null || combo_2 == null){
        alert('请先选择');
        return;
    }

    if(combo_1 == 1 && combo_2 == 11){

        var o_items = this.getLayout().getNext().items.items;
        console.log(o_items.length);
        for(var i = 0; i < o_items.length; i++){
           this.getLayout().getNext().remove(o_items[i]);
        }

        this.getLayout().getNext().add(this.firstForm);   // 动态添加items的方法

    }
        //切换tab
    this.doCardNavigation(1);
},