Как сделать Ext JS компонент Closabel - PullRequest
Новая
       26

Как сделать Ext JS компонент Closabel

0 голосов
/ 28 марта 2020

Мое требование - мне нужен один контейнер с "X" в правом верхнем углу контейнера. При нажатии X контейнер должен исчезнуть. Logi c не проблема для меня. Я хочу контейнер с "X" в правом верхнем углу.

Вот что я пытаюсь 

var myBtn  =Ext.create('Ext.Button', {
        text: 'x',
        handler: function() {
            /*this.container.component.removeAll();
            this.container.component.updateLayout();*/
        }
    });  
    myFields.push(me.getField(selectedRecord));
    myFields.push(btn);
    me.add({
        xtype: 'container',
        margin: '0 6',
        draggable: true,
        reorderable: true,
        height: 50,
        items: dropField,
        listeners: {
            render: function() {
                new Ext.dd.DragDrop(this.body, "myGrp");
            }
        }
    });


in `getField` method I am getting "textfield component". Can anybody help me to get that closable container. I am trying with panel but there I am getting only "X". textfield component is missing.

1 Ответ

0 голосов
/ 29 марта 2020

Попробуйте использовать панель компонент с закрываемым свойством

...