.NetMVC与EXT4使用json进行前后台交互

一:js部分

1.先定义model

 

Ext.define('ICeData', {        extend: 'Ext.data.Model',        fields: ['Author', 'Title', 'Manufacturer', 'ProductGroup']    });

2.创建store

   

var store = new Ext.data.ArrayStore({        model: 'ICeData',        proxy: {            type: 'ajax',            url: appPath + 'Getjson', //url对应.NET控制器的动作            reader: {                type: 'json'            }        },        fields: [//这里要和model的fields对应           { name: 'Author' },           { name: 'Title', type: 'float' },           { name: 'Manufacturer', type: 'float' },           { name: 'ProductGroup', type: 'float' }        ]});

 

3.为grid控件的 store属性赋值:

store: store

 

4.调用store的load方法

store.load();

二:C#部分

1,建立一个简单类:

public class Database    {   //属性名字要和js的fields名字对应public string Author { get; set; }        public double Title { get; set; }        public double Manufacturer { get; set; }        public double ProductGroup { get; set; }         public Database(string Author, double Title, double Manufacturer, double ProductGroup)        {            this.Author = Author;            this.Title = Title;            this.Manufacturer = Manufacturer;            this.ProductGroup = ProductGroup;        }     }