首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用ExtJs下的商店提交表单?

要使用ExtJs下的商店提交表单,您需要遵循以下步骤:

  1. 创建一个ExtJs应用程序。首先,您需要创建一个ExtJs应用程序,并在其中定义一个商店。
  2. 定义商店。在应用程序中,您需要定义一个商店,该商店将包含您要提交的表单数据。商店应该继承自Ext.data.Store,并定义一个模型,该模型定义了表单中的字段。
  3. 创建表单。接下来,您需要创建一个表单,该表单将包含您要提交的数据。表单应该使用Ext.form.Panel创建,并包含一个或多个字段。
  4. 将商店与表单绑定。要将商店与表单绑定,您需要在表单中设置store属性,并将其设置为您在步骤2中定义的商店。
  5. 提交表单。最后,您需要提交表单。要提交表单,您可以使用表单的submit()方法。此方法将收集表单数据,并将其发送到服务器进行处理。

以下是一个简单的示例,说明如何使用ExtJs下的商店提交表单:

代码语言:javascript
复制
// 定义商店
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();

请注意,这只是一个简单的示例,您可能需要根据您的具体需求进行调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 初识Ext.NET

    以前从没想过会用到ExtJS,总是对它有着一种反感:认为脚本资源大,执行脚本多,性能差等等。最近因为一个项目使用到了,就用上了。相对JQuery,ExtJS没有那么方便灵活,但是其界面美观,功能实用,可以节约不少开发时间。玩ExtJS,就感觉是在玩配置,也许Java程序员会习惯些。熟悉那些配置无疑也是一件麻烦而且棘手的事情,稍不留心,就得为自己的失误埋单。虽然网上有些设计器,但是大都满足不了需求。后来,在网上找到一款还不错的框架——Ext.NET。这对于.NET开发人员来说,能节省不少时间。至少带智能提示的xml配置怎么也要比写js要顺手方便多了。而且其还是免费开源的。不过在使用过程中,也没有那么顺畅。

    06

    双重保险——前端bootstrapValidator验证+后台MVC模型验证

    我们在前端使用BoostrapValidator插件验证最基本的格式要求问题,同时在后台中,使用MVC特有的模型验证来做双重保险。对于boostrapValidator我就不说了,具体请看《bootstrap登入注册时表单验证实现》。而对于后端的模型验证这就是MVC的知识了,我也是好久以前研究过,现在都忘得差不多了,临时捡起来了,在这里我就详细说说。首先是我们的前端Razor页面也就是我们的cshtml页面需要引入实体类,假设实体类是UserModel类,它记录了最基本的用户名,密码,邮箱等。在前端的cshtml页面中我们引用这个类,然后就是正常的html结合bootstrap样式的前端代码编写,但是在这里建议使用UserModel类中的字段来命令标签的id和name属性,如果乱取名,MVC框架怎么来识别是哪个类?因此在这里建议id和name值都取作UserModel类的字段值。而后在标记了[HttpPost]的Action方法中,将UserModel用作参数传递进来,你就会发现前端的值已经绑定在了相应的字段上了。那么怎么来做后端验证呢?这就需要用到注解属性了。我们在UserModel类上根据我们的需要标注[Required][RegularExpression()]等注解属性。然后在action方法中使用:

    01
    领券