EXT:form1提交后跳到另一个form2,并显示前一个form1的内容

主要是下面的kanban.jsp要怎么写呢?

Order.js
var form; //form放在外面
function Form(){
form = new Ext.form.FormPanel({
id:'ta',
title: '请输入订单',
frame:true,
items: [{
xtype: 'textfield',
fieldLabel: '订单编码',
name: 'text',
id:'text'}
],
buttons: [{
text: '提交',
id:'kanban',
handler:function(){document.location = "/MES/jsp/kanban.jsp";}
}
}]
});

};

kanban.jsp
Ext.onReady(function(){
var form = new Ext.form.FormPanel({
frame:true,
items: [{
xtype: 'textfield',
fieldLabel: '订单编码',
name: 'text',
id:'text'}
]

}

3个回答

a.jsp 引入a.js
a.js的代码

var form = new Ext.form.FormPanel({
region:'center',
title : '请输入订单',
width:500,
frame : true,
items : [{
xtype : 'textfield',
fieldLabel : '订单编码',
name : 'text',
id:'text'
}],
buttons : [{
text : '提交',
id : 'kanban',
handler : function() {
{
document.location = "/MES/jsp/kanban.jsp?name="+Ext.getCmp("text").getValue();
}

                                }
                            }]
                });

var view = new Ext.Viewport({
layout:'border',
items:[form]
})

在b.jsp接受a.jsp传过来的值

b.jsp内的js代码

Ext.onReady(function() { var DD = new Ext.data.Record.create([ { name:'text' } ]) var form = new Ext.form.FormPanel({ title : '接收订单', region:'center', frame : true, items : [{ xtype : 'textfield', fieldLabel : '订单编码', name : 'text' }] }); var view = new Ext.Viewport({ layout:'border', items:[form] }) var dd = new DD({ name:${name} }); form.getForm().loadRecord(dd); })

Ext.onReady(function() {
var DD = new Ext.data.Record.create([
{
name:'text'
}
])
var form1 = new Ext.form.FormPanel({
region:'west',
title : '请输入订单',
width:500,
frame : true,
items : [{
xtype : 'textfield',
fieldLabel : '订单编码',
name : 'text',
id:'ddbm'
}],
buttons : [{
text : '提交',
id : 'kanban',
handler : function() {
{
var dd = new DD({
text:Ext.getCmp('ddbm').getValue()
});

                                        form2.getForm().loadRecord(dd);
                                    }

                                }
                            }]
                });

        var form2 = new Ext.form.FormPanel({
                    title : '接收订单',
                    region:'center',
                    frame : true,
                    items : [{
                                xtype : 'textfield',
                                fieldLabel : '订单编码',
                                name : 'text'
                            }]
                });
        var view = new Ext.Viewport({
            layout:'border',
            items:[form1,form2]
        })
    })

你把这段代码运行一下

在左边输入订单 提交后 在右侧的form内就会显示左侧form的内容

嗯 是的 引入到jsp页面内 你运行一下 试一下 看看是你要的效果吗

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!