首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在Extjs表单中添加网格并提交数据?

如何在Extjs表单中添加网格并提交数据?
EN

Stack Overflow用户
提问于 2012-02-18 03:48:27
回答 2查看 6K关注 0票数 4

我正在使用extjs4.0设计一个高度复杂的数据输入表单。我正在将一个模型绑定到我的表单。

在我的模型中,我有一个属性,叫做"Products“,表示Product模型。现在我想在我的表单面板上的网格中显示这些产品。用户可以添加、删除网格中的产品并保存表单。

实现这一目标的最佳方法是什么?

EN

回答 2

Stack Overflow用户

发布于 2012-02-19 08:18:00

如果我没理解错的话,你有一个1对多的对象关联,其中1个边被加载到表单中进行编辑,许多对象也需要显示,但在表单内的网格中。

我处理类似设计的方法是在表单下面添加一个网格面板。在我的例子中,还有其他组件,所以我的网格被包装在一个选项卡面板中。与此example类似,请参阅表单5。

现在,网格中包含了什么?好吧,我添加了一个商店来表示我的许多对象--或者你的例子中的产品。我为该商店设置了一个编写器代理,并在网格中添加了一个roweditor插件。最终的结果是,用户可以通过一个屏幕轻松地管理关系,编辑父对象和子对象的属性。我选择了一个自动同步存储来存储许多存储,但你不必这样做。您可以很容易地向网格添加一个保存按钮,或者只是将操作绑定到父级的保存按钮。

希望这能让你的创意源源不断:)

票数 1
EN

Stack Overflow用户

发布于 2012-02-18 14:27:11

您可以覆盖表单的setValues()getValues()方法。只需将网格绑定添加到基方法即可。注意-不需要扩展窗体来创建您自己的类。您可以在声明表单的地方覆盖这些函数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
    xtype: 'form',
    setValues: function(){}
}

希望这能帮上忙。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9338349

复制
相关文章
EXTJS防止表单中回车触发提交
版本 7.0 modern toolkit 现象 在formpanel下的字段中使用回车时会自动触发form标签提交,导致跳转 源码 Ext.form.Panel getTemplate: function() { var template = this.callParent(); // 为实现标准的表单提交,加入了一个隐藏的input标签,类型为submit // 浏览器检查到此form字段回车会自动触发submit对象的click事件提交 template.push({
路过君
2020/08/24
1.5K0
EXTJS防止表单中回车触发提交
创建联系表单页面并通过 Ajax 提交表单请求数据
回顾下上篇教程更新主题后的博客系统,可以看到顶部右上角导航菜单有两个链接,分别指向关于页面和联系表单页面:
学院君
2020/09/11
2.3K0
submit方法用于提交表单并触发表单的onsubmit事件_submit表单提交
w3c 修改代码看效果的实现方式。 他们的提交按钮是 input type=“button”, 而不是type=”submit”方式,所有 form上的 onsubmit事件是无效的。 是onclick点击去提交的代码的 ‘document.getElementById(“tryitform”).submit();’
全栈程序员站长
2022/11/10
2K0
submit方法用于提交表单并触发表单的onsubmit事件_submit表单提交
layui表单提交参数如何传递_HTML中form表单数据提交方式
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
3.3K0
layui表单提交数据_vue表单值无变化不让提交
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
1.7K0
form表单如何提交数据(表单中提交请求默认方式)
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type=’submit’>)就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。
全栈程序员站长
2022/07/28
5.8K0
表单提交原理_防止表单重复提交
<form>标签的属性enctype设置以何种编码方式提交表单数据。可选的值有三个:
全栈程序员站长
2022/11/08
5.5K0
html获取表单提交数据_提交表单的两种方法
转载于:https://blog.csdn.net/yongwoozzang/article/details/83029128
全栈程序员站长
2022/11/08
2.6K0
表单提交
在html中经常用到<form>标签。而我们在使用过程会经常这样用<input name=”sub” type=”submit” value=”提交” /> 也就是说当我们点击提交的时候会执行<form action=”file.php” method=”get” id=”se” name=”se”>action的动作(例子是提交到file.php页面)方法是get。 当没有提交按钮时而是用一个热图加onclick属性来完成,我们可以这样用 <form id=”search” name=”search”
苦咖啡
2018/05/07
4.5K0
如何在小程序中添加广告并获取收益
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xmt1139057136/article/details/89452949
业余草
2019/05/07
5.3K0
如何在小程序中添加广告并获取收益
vue的form表单提交_axios提交表单
利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,
全栈程序员站长
2022/11/10
6.6K0
extjs_03_grid(添加数据)
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/117265.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/06
4930
extjs_03_grid(添加数据)
表单提交后端如何接收数据_html怎么接收表单提交的内容
然而,我们可以采取引入模块的做法来简化原生代码,并且可以实现文件上传的: 首先,我们需要在cmd或者powershell中安装这个模块:
全栈程序员站长
2022/11/08
5.9K0
表单提交后端如何接收数据_html怎么接收表单提交的内容
form表单添加验证码并当验证通过后再提交表单
意思就是,form表单中添加一个验证码验证,然后当点击提交时先核验验证码是否正确,如果正确再提交数据,否则不提交。
岳泽以
2023/04/27
1.6K0
通过Ajax提交表单的数据
当监听到表单的提交事件后,可以调用事件对象的 event.preventDefault()函数,来阻止表单的提交和页面的跳转,示例代码如下:
岳泽以
2022/10/26
2.3K0
js form表单提交(jsp form表单提交方式)
最近工作比较忙,着急上线,写个简单的东西吧 url为你要提交的地址 params 为你提交的参数
全栈程序员站长
2022/07/30
14.8K0
SpringMVC 异步提交表单数据
使用SpringMVC和JQuery,异步post提交还有文件的表单。 异步Get Spring配置 <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter"> <property name="messageConverters"> <list> <bean class="org.springframework.http.converter.St
白凡
2018/08/07
1.4K0
EXTJS7 BUG分析解决 form启用xhr2提交丢失所有表单数据
表单提交启用xhr2时会丢失所有表单数据 form.submit({ xhr2: true ... }); 源码 form/Panel.js ... beforeAjaxSubmit: function(form, options, successFn, failureFn) { ... if (Ext.feature.has.XHR2 && request.xhr2) { delete request.form; // 此处将表单值存入request.data有误,后续请求并没
路过君
2020/06/19
3460
html表单提交
1、只能为input、textarea、select三类类型的标签。只有这些标签用户才可能修改值,<label>、<p>、<font>等标签仅供显示用,没有提交到服务器的必要。当input=submit的时候,只有被点击的按钮的value才会被提交;
tandaxia
2018/09/27
5.4K0
点击加载更多

相似问题

在ExtJS 4中提交表单+网格

21

如何在表单提交时加载extjs 4网格数据?

24

使用Extjs表单提交所有网格行

11

如何在表单中枚举Extjs网格

10

如何在extjs 4.2中包装表单的提交数据?

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文