extjs在asp.net的应用

public class ProductsController : ApiController
{
    public IHttpActionResult Get()
    {
        var products = new List<Product>
        {
            new Product { Id = 1, Name = "Laptop", Price = 999.99 },
            new Product { Id = 2, Name = "Smartphone", Price = 499.99 }
        };
        return Ok(products);
    }
}

public class Product
{
    public int Id { get; set; }
    public string Name { get; set; }
    public double Price { get; set; }
}

Ext.define('ProductApp.view.ProductList', {
    extend: 'Ext.grid.Panel',
    xtype: 'productlist',
    title: 'Products',
    store: {
        type: 'products',
        autoLoad: true,
        proxy: {
            type: 'ajax',
            url: '/api/products',
            reader: {
                type: 'json',
                rootProperty: ''
            }
        }
    },
    columns: [
        { text: 'ID', dataIndex: 'Id' },
        { text: 'Name', dataIndex: 'Name' },
        { text: 'Price', dataIndex: 'Price', renderer: Ext.util.Format.usMoney }
    ]
});

Ext.define('ProductApp.store.Products', {
    extend: 'Ext.data.Store',
    model: 'ProductApp.model.Product'
});

Ext.define('ProductApp.model.Product', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'Id', type: 'int' },
        { name: 'Name', type: 'string' },
        { name: 'Price', type: 'float' }
    ]
});

Ext.application({
    name: 'ProductApp',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                { xtype: 'productlist' }
            ]
        });
    }
});