extjs Sencha Ext JS数据未显示在网格中

ffscu2ro 于 2022-11-04 发布在其他

关注(0)|答案(1)|浏览(190)

你好，我是 Sencha Extjs的新手，我试图从我在ASP.NET中创建的API中提取数据。
在开发者工具中，我可以得到数据，但它没有显示在网格中。有人能帮忙吗？
这是我编写的代码。
这是模型

Ext.define('VidlyViews.model.Customers', {
extend: 'VidlyViews.model.Base',

fields: [
    'name', 'membershipType', 'isSubscribeToNewsLetter', 'birthDate'
]

}）;
这是商店。

Ext.define('VidlyViews.store.Customers', {
extend: 'Ext.data.Store',
alias: 'store.customers',
model: 'VidlyViews.model.Customers',
autoLoad: true,

proxy: {
    type: 'jsonp',
    url: 'https://localhost:44300/api/customers',
    reader: {
        type: 'json',
        rootProperty: 'feed.entry'
    }
}

}）;
此文件位于classic/src/view/main文件夹中

Ext.define('VidlyViews.view.main.Customers', {
extend: 'Ext.grid.Panel',
xtype: 'customerlist',

requires: [
    'VidlyViews.store.Customers'
],

title: 'Customers',

store: {
    type: 'customers'
},

columns: [
    { text: 'Customer Name',  dataIndex: 'name', flex: 1 },
    { text: 'Membership Type', dataIndex: 'membershipType', flex: 1 },
    { text: 'Newsletter', dataIndex: 'isSubscribeToNewsLetter', flex: 1 },
    { text: 'Birthdate', dataIndex: 'birthDate', flex: 1 }
],

listeners: {
    select: 'onItemSelected'
}

}）;
先谢谢你了

extjs

来源：https://stackoverflow.com/questions/67171838/sencha-ext-js-data-not-showing-in-grid

1条答案

按热度按时间

798qvoo81#

我修复了我的问题，我希望它能在未来帮助其他人。
我将我的代理更改为：

proxy : {
    type : 'rest',
    actionMethods : {
       read : 'GET' 
    },
    url : 'https://localhost:44300/api/customers',
    useDefaultXhrHeader: false,
    reader: {
       type : 'json',
       headers: { 'Accept': 'application/json' },
       allDataOptions: {
            associated: true,
            persist: true
        },
       rootProperty : 'data'
    },
}

我用rest.rootPropery来提取数据。在API（ASP.NET）中，我将IhhtpActionResult修改为

public IHttpActionResult GetCustomers(int start, int limit)

因为在 Sencha 中，您可以获得分页的开始和限制，并在后端使用.Skip（）和.Take（）。
它看起来像这样：

var customerDtos = customersQuery
            .OrderBy(c => c.CustomerId)
            .Skip(start)
            .Take(limit)
            .ToList();

我做的最后一步是返回这样的数据：

return Ok(new { total = customerDtos.Count(), data = customerDtos });

该数据在rootProperty中被识别为数据集合，并且total是可以在API调用中识别的数据的总计数。
希望能帮上忙，我花了一整天才弄明白哈哈哈

赞(0）回复(0）举报 2022-11-04

我来回答

extjs Sencha Ext JS数据未显示在网格中

1条答案

相关问题

热门标签

最新问答