时间戳

首页 > 解决方案 > 如何将空行添加到网格并填充列，然后在 EXTJS 中提交

rest - 如何将空行添加到网格并填充列，然后在 EXTJS 中提交

问题描述

如何将行添加到网格并在列中添加一些值，然后将数据以 json 格式提交到 EXTJS 中的其余 api

Json 数据如下：

[
 {
   "col1"  : "john",
   "col2"  : "xyz",
   "col3"  :  "01/05/2018"
 },
 {
   "col1"  : "bush",
   "col2"  : "xpao",
   "col3"  : "01/08/2018"
 },
 .......
 ]

像上面这样的事情我想在网格列中添加上面的数据并在 EXTJS 中提交给 API

提前致谢 -：）

标签： restextjs

解决方案

在现实生活中，您将需要以下组件：-

1- Ext.data.Model -> [Record] 映射您的模型并在需要时添加验证和逻辑。

2- Ext.data.Store -> [记录集] 将使用模型。

3-代理将处理网络服务的调用，代理可以添加到模型或商店。

4- 网格行编辑器或单元格行编辑器能够插入您的数据。

这是一个工作示例FIDDLE

当您按下 Add data 时，模型已创建 [record]，您可以根据列中的 editor 属性开始编辑数据，此记录存储在网格存储中，因此您可以根据需要添加尽可能多的记录。

当您按下提交时，store.sync 负责读取代理 api 并将数据发送到您的服务，您需要打开您的开发工具网络检查以查看在请求中以 json 格式发送的数据。

推荐阅读