将选项卡从表单控件移动到弹出窗口,并从弹出窗口移动到表单

i7uaboj4  于 2022-09-26  发布在  其他
关注(0)|答案(1)|浏览(151)

文本框旁边有一个弹出窗口。当我从文本框中单击选项卡键时,它应该导航到弹出窗口的关闭图标(右上角),当我从弹出窗口中单击close按钮时,焦点应该设置为表单中的下一个控件,弹出窗口应该关闭。
这是小提琴
因此,在提琴中,当我从业务结构下拉菜单中单击选项卡时,焦点应该设置为关闭图标(右上角),在每个下一个选项卡上,它应该移动到弹出窗口中的下一个控件,从e1d1e按钮,它的焦点应该在类型下拉菜单上

czfnxgou

czfnxgou1#

这一切都是关于如何获取组件的方法,它似乎与另一个组件没有任何联系。
这里的解决方案是,使用showBy设置alignTarget
集中:

focus: function(field){

            field.popup= Ext.create('tooltip' );
            field.popup.showBy(field.el, 'l-r',[10,0]);
        },

侦听器:

listeners: {
            'destroy' : function(win,ev) {
                const field = win.alignTargetFly,
                    next = field.next().component;

                next.focus();
             }
         },

根据你在这里为同一个组件(到目前为止有3或4个)提出的问题的数量,最好寻求专业帮助。只需让某人通过图像和简短描述构建组件。此描述也可以立即成为文档的一部分。这可能需要一天的工作。
根据我目前看到的情况,我会做一个自定义组件,其中包括一个字段。带有弹出窗口的底座。这可以作为单个组件添加到库中,并包含在库中,而不是字段中。
最后,这将比你目前正在做的代码库更干净。举个例子:组件总是保持相同的顺序。在延长线之后应该是xtype……在末尾,每个人都更容易阅读。

相关问题