javascript – Ext JS 4：覆盖发送到服务器的数据格式

我正在使用Ext JS 4创建一个简单的管理员UI.我从Sencha的网站开始使用this示例.我在表单中添加了一个复选框组(有四个选项),我根据表单下方网格中的选定记录动态检查这些框.一切正常,但是当我向服务器发送数据时,复选框组中的数据格式会根据单击的按钮而有所不同.

例如,当我编辑记录并单击“保存”按钮时,Ext JS会发送一个数组,其中包含与选中复选框状态对应的true / false值：

{"available": [true, true, false, false]}

当我创建一个全新的记录并单击“添加”按钮时,Ext JS会发送一个数组,其中包含已选中的复选框的名称：

{"available": ["Selection_1", "Selection_2", "Selection_3"]}

最后,如果我创建一个新记录并单击添加按钮但只选中一个复选框,则Ext JS会发送一个字符串值(与第二个示例中发送的数组相反)：

{available": "Selection_1"}

为什么Ext JS会这样做？这使得处理服务器端的数据变得困难.另外,有没有办法可以覆盖保存按钮如何将数据发送到服务器,以便它以与添加按钮发送的格式相同的格式发送？谢谢！

解决方法:

您可以使用allowSingle：false来确保所有写入操作都发送一个记录数组,而不管记录的数量.这是API doc：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.writer.Json-cfg-allowSingle

就发送的值而言.我不清楚这里到底发生了什么,但你可能想看看这个函数：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.CheckboxGroup-method-getSubmitData

编辑：另一个注释 – 复选框使用inputValue来确定在表单提交上发送的内容.检查您的配置是否有此属性.