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

最新推荐文章于 2025-09-11 11:07:45 发布

原创最新推荐文章于 2025-09-11 11:07:45 发布 · 742 阅读

0 ·

CC 4.0 BY-SA版权

EXTjs 同时被 3 个专栏收录

6 篇文章

订阅专栏

5 篇文章

订阅专栏

Json

2 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript与C#结合，通过定义数据模型、创建数据存储、设置Grid控件的数据源并加载数据，实现前端与后端数据的高效交互与展示。

一: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;
        }
 
    }