在ExtJs6中,可以通过以下步骤将参数传递给窗口:
- 创建一个窗口组件:var window = Ext.create('Ext.window.Window', {
title: 'My Window',
width: 400,
height: 200,
layout: 'fit',
items: [{
xtype: 'form',
items: [{
xtype: 'textfield',
fieldLabel: 'Parameter',
name: 'parameter'
}],
buttons: [{
text: 'Submit',
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
var parameterValue = form.getFieldValues().parameter;
// 在这里处理参数值
console.log(parameterValue);
window.close();
}
}
}]
}]
});
- 在需要传递参数的地方,创建窗口并显示:var parameterValue = 'example';
var window = Ext.create('Ext.window.Window', {
title: 'My Window',
width: 400,
height: 200,
layout: 'fit',
items: [{
xtype: 'form',
items: [{
xtype: 'textfield',
fieldLabel: 'Parameter',
name: 'parameter',
value: parameterValue
}],
buttons: [{
text: 'Submit',
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
var parameterValue = form.getFieldValues().parameter;
// 在这里处理参数值
console.log(parameterValue);
window.close();
}
}
}]
}]
});
window.show();
在上述代码中,我们创建了一个窗口组件,并在窗口中添加了一个表单,其中包含一个文本框用于输入参数值。在提交按钮的点击事件处理程序中,我们获取表单中的参数值,并进行相应的处理。在第二个例子中,我们通过给文本框设置value
属性来传递参数值。
请注意,这只是一个简单的示例,实际应用中可能需要根据具体需求进行适当的修改和扩展。关于ExtJs6的更多详细信息和用法,请参考腾讯云的ExtJs6文档。