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

ExtJs - Basic form:可以将params key设置为变量吗?

ExtJs是一种基于JavaScript的前端开发框架,用于构建富客户端应用程序。它提供了丰富的UI组件和严谨的架构,使开发人员能够快速构建功能强大的Web应用程序。

在ExtJs中,可以将params key设置为变量。params key是指在发送表单数据时,用于标识表单字段的名称。通常情况下,params key是一个字符串,但也可以是一个变量。这样做的好处是可以根据需要动态地设置params key,使表单数据更加灵活。

以下是一个示例代码,演示了如何将params key设置为变量:

代码语言:javascript
复制
var key = 'username';  // 可以将params key设置为变量

Ext.create('Ext.form.Panel', {
    title: 'Basic Form',
    bodyPadding: 5,
    width: 300,

    items: [{
        xtype: 'textfield',
        fieldLabel: 'Username',
        name: key,  // 将params key设置为变量
        allowBlank: false
    }],

    buttons: [{
        text: 'Submit',
        handler: function() {
            var form = this.up('form').getForm();
            if (form.isValid()) {
                form.submit({
                    url: 'save.php',
                    success: function(form, action) {
                        Ext.Msg.alert('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                        Ext.Msg.alert('Failed', action.result.msg);
                    }
                });
            }
        }
    }],
    renderTo: Ext.getBody()
});

在上述示例中,我们定义了一个变量key,并将其作为name属性的值,用于设置params key。这样,当表单数据被提交时,username字段的值将以key的值作为params key发送到服务器。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。

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

相关·内容

EXT表单

method=login',             method : 'post',           // 如果有表单以外的其它参数,可以加在这里。...我这里暂时空,也可以下面这句省略               params : '',            // 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的...;                   // 登录失败,提交按钮重新设为可操作                   this.disabled = false;             }          ...     //提交参数组                params: {                    form.getForm().getValues()   //取出表单所有值      ...   //如果store没有单独的变量定义,可以用   comboBox.initialConfig.store   //或   Ext.getCmp('comboId').initialConfig.store

6.1K30
  • 【实践】2.如何使用Postman做多接口测试

    环境变量可以使用在以下地方: URL URL params Header values form-data/url-encoded values Raw body content Helper fields...(stu_info 接口:获取名字xx 的信息) 请求方式设为GET, 同时输入完整的url, 跟访问浏览器一样, 或者输入接口url, 点击"Params" 输入需要的key 以及value, 点击...对于"Authorization"的使用,遇到比较多的是Type "Basic Auth", 然后设置对应的Username 和Password。...用Postman 发送key-value 的请求: 以login 接口例,在Body 中选取"form-data" 格式,输入所需的key-value, 选取对应的环境变量。 b....以login接口例,在"Pre-requestScript"中设置环境变量 "username", "passwd",在Body 中选取"form-data"** 格式,输入所需的key-value,

    2.2K30

    ExtJs二(实现登录)

    如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包中的Ext.js文件复制到ExtJS目录中,复制后,在解决方案资源管理器Ext.js拖到到login.js文件中,就会生成以下代码:  //...(Ext.form.Panel, { }); me.callParent(arguments); } 代码中,me的作用是外部作用域中的this对象保存为本地变量...,这样的好处包括,一是,如果this是window等全局变量,就可以全局变量变成本地变量,提高访问效率,二是可以让闭包访问该对象。...第二句表示表单面板向内压缩5像素,这样表单内的组件就不会和窗口的内边框粘在一起,这个可根据个人喜好设置。第三句的作用就是让表单面板的背景颜色和窗口融合在一起,而不是默认的白色,这还是个人喜好问题。...没关系,在4.1版本的Ext JS中,修改了事件的定义方式,可以直接对象生成的HTML元素绑定事件了,只要在监听事件中加入element配置项就行了,这相当方法。

    2.1K10

    ExtJs二(实现登录)

    如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包中的Ext.js文件复制到ExtJS目录中,复制后,在解决方案资源管理器Ext.js拖到到login.js文件中,就会生成以下代码:  //...(Ext.form.Panel, { }); me.callParent(arguments); } 代码中,me的作用是外部作用域中的this对象保存为本地变量...,这样的好处包括,一是,如果this是window等全局变量,就可以全局变量变成本地变量,提高访问效率,二是可以让闭包访问该对象。...第二句表示表单面板向内压缩5像素,这样表单内的组件就不会和窗口的内边框粘在一起,这个可根据个人喜好设置。第三句的作用就是让表单面板的背景颜色和窗口融合在一起,而不是默认的白色,这还是个人喜好问题。...没关系,在4.1版本的Ext JS中,修改了事件的定义方式,可以直接对象生成的HTML元素绑定事件了,只要在监听事件中加入element配置项就行了,这相当方法。

    1.9K20

    Ext JS 教程-MVC架构 原

    所有ExtJS 4应用程序都应该使用一个单独的全局变量应用程序的所有类网络其中。...这样就自动的我们设置了一个全局变量 AM,并且向 Ext.Loader 注册了命名空间,附带通过 appFolder 配置选项设置了对应的与其(命名空间)对应的路径‘app' 。...在上面的init方法中我们向它提供了’viewport > panel‘,翻译成 “我寻找作为Viewport的子节点的每一个Panel”。...因为我们使用了特别的“widget.”格式设置了一个别名,我们现在就可以像一个 xtype那样使用’userlist‘了,就像我们之前已经使用过的’panel‘一样。...这个应用程序完整的源代码可以在 ExtJS 4 SDK 的下载中找到,就在 examples/app/simple 文件夹里面。

    3.3K10

    EXT基础

    http://extjs.org.cn/ 下载好以后解压缩 •adapter :负责里面提供第三方底层库(包括Ext自带的底层库)映射Ext所支持的底层库。...javascript" src="extjs/ext-all.js"> 说明: •样式文件resources/css/ext-all.css •库文件主要包含两个:adapter...EXT国际化问题(自动翻译为中文) 注意这时是默认英文下的日历,需要翻译为中文环境可以引入: </script...fieldLabel: 'Title',    name: 'title', allowBlank: false } 一种常用的校验是看用户是否输入了任何内容,建立一个allowBlank配置项并把它设置...在使用它的时候只要在menu配置项目中添加按钮的属性就可以了。点击按钮左边部分可以触发按钮本身的事件,点击按钮右边的部分(有个倒三角)可以展开菜单。

    4.3K40

    python requests模块

    使用requests可以模拟浏览器的请求,比起之前用到的urllib,requests模块的api更加便捷(本质就是封装了urllib3) 注意:requests库发送请求网页内容下载下来以后,并不会执行...:param data: (optional) Dictionary or list of tuples ``[(key, value)]`` (will be form-encoded), bytes...params可以接收的参数: - 可以是字典 - 可以是字符串 字典字符串都会被自动编码发送到url - 可以是字节(必须是ascii编码以内) | 接收字典字符串都会被自动编码发送到url,如下 import...data可以接收的参数:字典,字符串,字节,文件对象,data和json两者的区别在于data的请求体name=alex&age=18格式而json请求体‘{'k1': 'v1', 'k2': '...编码的,而requests的默认编码ISO-8859-1,如果不设置成gbk则中文乱码 print``(response.text) |

    1.4K30

    Extjs form 组件

    1.根类 Ext.form.Basic 提供了,表单组件,字段管理,数据验证,表单提交,数据加载的功能 2.表单的容器 Ext.form.Panel 容器自动关联 Ext.form.Basic 的实例对象更方便的进行字段的配置...重要属性 defaultType:"" 设置默认子项 的xtype 3.数据交互和加载 Ext.form.action.Action Ext.form.action.Submit ajax方式提交 Ext.form.action.StandardSubmit...创建一个独立的  元素,此元素可以加入到 form  之中,也可以通过 forId 与该form中的表单域 field 关联 Ext.form.Labelable 一个混合类,允许组件被配置且装饰有标签和错误消息...({                     // 记录保存到服务器                   success: function(user) {                     ...errors.') }             }       } ]    demo 下载 https://github.com/ningmengxs/Extjs.git

    2K50

    请求头 content-type_详解中台

    : 中默认的encType,form表单数据被编码key/value格式发送到服务器(表单默认的提交数据的格式) 另外一种常见的媒体格式是上传文件之时使用的:...当你有如下Accept头,遵守如下规则进行应用: ①Accept:text/html,application/xml,application/json 按照如下顺序进行produces...Content-Type: text/html; charset=utf-8 Date 原始服务器消息发出的时间 Date: Tue, 15 Nov 2010 08:12:31 GMT ETag 请求变量的实体标签的当前值...通知客户端在指定时间之后再次尝试 Retry-After: 120 Server web服务器软件名称 Server: Apache/1.3.27 (Unix) (Red-Hat/Linux) Set-Cookie 设置...3.2 params的示例 @RequestMapping(value = "/test/{userId}", method = RequestMethod.GET, params="myParam

    74220

    postman使用

    在URL输入框中输入你请求的链接,你可以单击Params按钮,在编辑器中输入key-value格式的URL参数。...一些API端点使用路径变量,你可以在Postman中设置,他们位于两个 / 中,样式如下: ?...URL变量样式.png 如果你要设置他,单击Params按钮,你会发现key部分已被自动设置好了,根据需要填写value部分就行。...form-data.png form-data是web表单默认的传输格式,编辑器允许你通过设置key-value形式的数据来模拟填充表单。你可以在最后的选项中选择添加文件。...你可以强制指定body的数据类型JSON等格式。 Variable delimiter 变量是保存在双花括号中的,但是你可以改变成其他的字符,这项并不推荐设置除非你出现了问题需要更改这里。

    2.3K21

    Ext JS 教程-类系统 原

    每种方法都有其利弊,但是我们是否可以利用两者好处的同时避免他们的坏处呢?答案是肯定的,我们在ExtJS 4中实现了这个解决方案。... 二 命名规范 至始至终你编码的类、命名空间和文件名使用一致的命名规则有助于保持你代码的组织性、结构性和可读性。...:getJSONResponse() parseXmlContent() instead ofparseXMLContent() 可以被接受的变量名称: var isGoodName var... 每一个配置属性的获取和设置方法将在类创建期间自动生成到类的原型中,如果这些方法还没有被定义。 一个apply方法也每一个配置属性生成了。...自动生成的设置器方法在设置值之前内部调用apply方法。如果你需要在设值之前运行一些定制逻辑,重写config属性的apply方法,如果apply没有返回值,那么设置器将不会设值。

    1.3K20

    前端开发者必须知道的日常小技巧!

    因此对于这种情况,可以采用泛型,data定义PagesuccessResponse,里面的records泛型数组,然后便可以具体情况具体定义了: c08637392ca203aed158eb0deac989f.jpg...前端在发送请求时,需要将 Authorization 字段设置对应的 token 值,以便后端可以从请求头中解析出 token 并进行认证。...用户也可以自己创建自定义的环境变量来存储一些自己需要的参数和配置信息。在Windows操作系统中,可以通过“系统变量”和“用户变量”来设置环境变量。...在Linux或Unix系统中,可以使用“export”命令来设置环境变量。 使用环境变量能够提高应用程序的可移植性和灵活性,因为不同的操作系统和应用程序都可以通过环境变量来适应不同的配置和需求。...19-4 借助cross-env手动设置环境变量 在vite中,自带了【环境变量和模式[8]】的配置,帮助我们手动设置一些环境变量,但是这些配置却显得不是很好用,因此我们可以借助cross-env这个包来优雅灵活地手动设置环境变量

    23910
    领券