如何在extJS标签字段中放置文本字段项

klsxnrf1 于 2022-11-04 发布在其他

关注(0)|答案(1)|浏览(165)

如何在extJS选项卡字段中放置文本字段项。
我有一个文本字段的要求，我想把它放在extJS文本字段。这是图像。

现在下面是我的代码。标签是comig罚款，但不能看到extJS文本字段。任何具体的，我在这里失踪，

{   
            xtype : "panel",
            region: 'center',
            floatable: false,
            margin: '0 0 0 0',
            cls: 'tabpanel-common ',
            items:[{
                xtype: 'tabpanel',
                items: [{
                    xtype: 'panel',
                    title: "panel 1",

                    items: []

                },{
                    xtype: 'panel',
                    title: "Panel2",
                    items: []

                },{
                    xtype: 'panel',
                    title: "panel3",
                    items: []

                },{
                    xtype: 'panel',
                    title: "panel4",
                    items: []

                },{
                    xtype: 'tbfill'
                },{
                    xtype: 'textfield',
                   // itemId: 'buttonItemId',
                    text: 'Button',
                    hidden: false,
                    padding: '3px',
                    title: "Search",
                    margin: '2px 5px 5px 2px',
                }]
            }],

            listeners: {
                boxready: 'boxready',
                scope: 'controller'
            },
        }

extjs

来源：https://stackoverflow.com/questions/69721945/how-to-place-the-textfield-item-in-extjs-tabfield

1条答案

按热度按时间

qgzx9mmu1#

您可以使用tabBar配置属性：

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.create('Ext.tab.Panel', {
            height: 400,
            renderTo: document.body,
            tabBar: {
                items: [{
                    xtype: 'tbfill'
                }, {
                    xtype: 'textfield',
                    triggers: {
                        search: {
                            cls: 'x-form-search-trigger',
                            handler: function () {
                                console.log('Search trigger is clicked', this.getValue());
                            }
                        }
                    }
                }]
            },
            items: [{
                title: 'Foo',
                html: "FOO"
            }, {
                title: 'Bar',
                html: "BAR"
            }]
        });
    }
});

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

我来回答

如何在extJS标签字段中放置文本字段项

1条答案

相关问题

热门标签

最新问答