extjs中store获取后台数据_如何获取ExtJS JsonStore将JSON数据直接放入请求体？

矫情吗；* 2023-01-10 05:12 82阅读 0赞

![bd96500e110b49cbb3cd949968f18be7.png][]

I have a JsonStore configured like so:

var store = new Ext.data.JsonStore(\{

restful: true,

url: '/categories',

remoteSort: true,

idProperty: 'Id',

totalProperty: 'total',

root: 'results',

writer: new Ext.data.JsonWriter(\{

encode: false

\}),

fields: \[ 'Id', 'Name' \]

\});

I grab some data from the server, then edit one of the records. When I tell the store to save, it sends this JSON back to the server:

\{

"results":

\{

"Name":"Trivial123",

"Id":2

\}

\}

The store is wrapping the JSON inside the results property (the root property configured on the store). However, the server expects this:

\{

"Name":"Trivial123",

"Id":2

\}

In other words, the serialized entity should be put directly in the response body, and not wrapped in a property. Does anyone know how I can configure the store to do this?

解决方案

You need to override the data rendering function in the JsonWriter, like so:

var rootlessRenderFunction = function (params, baseParams, data) \{

if (this.encode === true) \{

Ext.apply(params, baseParams);

params = Ext.encode(data);

\} else \{

params.jsonData = data;

\}

\};

var myWriter = new Ext.data.JsonWriter(\{

encode: false,

writeAllFields: true

\});

myWriter.render = rootlessRenderFunction;

var myStore = new Ext.data.JsonStore(\{

// ... various config values ...

writer: myWriter

\});

This "rootlessRenderFunction" implementation is the same as the Ext JsonWriter's render code except it doesn't interpose a root in the request data.

This is a hack, of course.

[bd96500e110b49cbb3cd949968f18be7.png]: /images/20221119/5cc5f1dbbd174986b00e22d39a059d30.png

发表评论取消回复

表情：

评论列表（有 0 条评论，82人围观）

还没有评论，来说两句吧...

相关阅读

相关获取请求数据返回json

目录一.GET获取路径参数二.POST获取路径参数 -------------------- 一.GET获取路径参数 RestFul风格的接口的参数是在请求路

我就是我/ 2024年03月26日 17:41/ 0 赞/ 124 阅读

相关 extjs中store获取后台数据_如何获取ExtJS JsonStore将JSON数据直接放入请求体？

![bd96500e110b49cbb3cd949968f18be7.png][] I have a JsonStore configured like so: var s

矫情吗；*/ 2023年01月10日 05:12/ 0 赞/ 83 阅读

相关获取ExtjS表格的值

1. sm:new Ext.grid.CellSelectionModel(); 则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格，而不是

今天药忘吃喽~/ 2022年09月19日 00:16/ 0 赞/ 255 阅读

相关 ExtJs之Ext.data.Store

Store.getCount()返回的是store中的所有数据记录，然后使用for循环遍历整个store，从而得到每条记录。除了使用getCount()的方法外，还

曾经终败给现在/ 2022年09月15日 05:35/ 0 赞/ 176 阅读

相关 Extjs6 gridPanel排序与获取Store的排序信息

ExtJS6中表格排序也与ExtJS3中有所区别，下面分别给出这两个版本的实现方法 ExtJS3： // 复选框模型 var selm = new Ex

深碍√TFBOYSˉ_/ 2022年08月10日 05:54/ 0 赞/ 17 阅读

相关 ExtJs中Store的种类

store是一个为Ext器件提供record对象的存储容器，每个store最少需要两个组件的支持，分别是proxy和reader，proxy用于从某个途径读取原始数据，

红太狼/ 2022年07月21日 12:22/ 0 赞/ 181 阅读

相关 servlet如何获取json数据

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert t

朴灿烈づ我的快乐病毒、/ 2022年05月19日 13:25/ 0 赞/ 589 阅读

相关 extjs store显示

tempOptRecord.data.prizeUnitSiteCodeCount = me.calcGoodPrizeSiteNumber(me.store);

我就是我/ 2021年09月29日 04:42/ 0 赞/ 316 阅读

相关 ExtJs 和后台数据的交互方式

1.数据源store store通常是作为grid，tree…的数据源,以便来更新数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台

谁借莪１个温暖的怀抱￠/ 2021年09月14日 11:42/ 0 赞/ 411 阅读

相关 ExtJs之获取dom元素

需求用ExtJs获取DOM元素，以附加事件等操作。核心 ExtJs中会有三类基本对象 htmlelement , Ext.Element和Compos

超、凢脫俗/ 2021年09月14日 10:30/ 0 赞/ 591 阅读