Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在两个窗口之间划分ExtJS表单_Extjs - Fatal编程技术网

在两个窗口之间划分ExtJS表单

在两个窗口之间划分ExtJS表单,extjs,Extjs,我需要制作一个应用程序,在一个屏幕上的窗口中显示一个表单,在另一个屏幕上的主窗口中显示同一表单的一部分,或者这不可能是另一个表单。这在ExtJs中可能吗?怎样?有人见过这样的例子或扩展吗?您可以在表单中使用“卡片”布局。 在下面的示例中,用户看到三个不同的页面,前两个页面有字段,最后一个页面有按钮 单击按钮可从字段中检索值。字段在不同的容器中并不重要,只要这些容器是表单的“后代” Ext.application({ name : 'MyApp', launch : functio

我需要制作一个应用程序,在一个屏幕上的窗口中显示一个表单,在另一个屏幕上的主窗口中显示同一表单的一部分,或者这不可能是另一个表单。这在ExtJs中可能吗?怎样?有人见过这样的例子或扩展吗?

您可以在表单中使用“卡片”布局。 在下面的示例中,用户看到三个不同的页面,前两个页面有字段,最后一个页面有按钮

单击按钮可从字段中检索值。字段在不同的容器中并不重要,只要这些容器是表单的“后代”

Ext.application({
    name : 'MyApp',
    launch : function() {
        Ext.create('Ext.form.Panel', {
            renderTo: Ext.getBody(),
            layout:'card',
            activeItem: 0,
            bbar: [{
                text: '« Previous',
                handler: function(button) {
                    var cardlayout = button.up('form').getLayout();
                    var prev = cardlayout.getPrev();
                    if (prev) {
                        cardlayout.setActiveItem(prev);
                    }
                }
            },{
                text: 'Next »',
                handler: function(button) {
                    var cardlayout = button.up('form').getLayout();
                    var next = cardlayout.getNext();
                    if (next) {
                        cardlayout.setActiveItem(next);
                    }
                }
            }],
            items: [{
                xtype: 'container',
                items: [{
                    xtype: 'textfield',
                    fieldLabel: 'First name',
                    name: 'firstName'
                }]
            },{
                xtype: 'container',
                items: [{
                    xtype: 'textfield',
                    fieldLabel: 'Last name',
                    name: 'lastName'
                }]
            },{
                xtype: 'container',
                items: [{
                    xtype: 'button',
                    text: 'Submit',
                    handler: function(button) {
                        var formValues = button.up('form').getValues();
                        alert('Name: ' + formValues.firstName
                              + ' ' + formValues.lastName);
                    }
                }]
            }]
        });
    }
});

您是指物理屏幕还是两个ExtJS窗口?两个物理屏幕但在两个ExtJS窗口之间拆分表单可能是第一步