要使用ExtJs下的商店提交表单,您需要遵循以下步骤:
以下是一个简单的示例,说明如何使用ExtJs下的商店提交表单:
// 定义商店
Ext.define('MyApp.store.MyStore', {
extend: 'Ext.data.Store',
model: 'MyApp.model.MyModel',
proxy: {
type: 'ajax',
url: 'my-url',
reader: {
type: 'json',
rootProperty: 'data'
}
}
});
// 创建表单
Ext.define('MyApp.view.MyForm', {
extend: 'Ext.form.Panel',
xtype: 'myform',
store: 'MyStore',
items: [
{
xtype: 'textfield',
name: 'name',
fieldLabel: 'Name'
},
{
xtype: 'textfield',
name: 'email',
fieldLabel: 'Email'
}
],
buttons: [
{
text: 'Submit',
handler: function() {
this.up('form').getForm().submit();
}
}
]
});
// 提交表单
var form = Ext.create('MyApp.view.MyForm');
form.getForm().submit();
请注意,这只是一个简单的示例,您可能需要根据您的具体需求进行调整。
前言
submit() 方法不带参数,就是触发 submit 事件,带function 参数,就是执行 submit 事件时运行的函数。
触发 submit 事件
通过 jquery 的submit() 方法,可以出发submit 事件
form表单示例
<form id="demo" method="get">
领取专属 10元无门槛券
手把手带您无忧上云