4.9 Ext JS 模拟后端数据实现

在实际的Ext JS应用中， Store的数据大部分应该是从后端读取， 也就是通过Ajax 的Proxy 获取， 但是在应用开发的初期， 特别是在前后端分离的框架中， 前端可能先需要开发一些页面进行显示；此外， 在对Ext JS 的功能和组件进行教学时， 也可能需要有一些数据进行展示。 基于上述的这些目的，自然就出现了这样的需求： 是否可以使用模拟的数据？

答案当然是肯定的， 而且实现方式也不止一种。

模拟数据的实现方式

这里介绍两种方式：

1. Ext JS提供的模拟数据管理器 Ext.ux.ajax.SimManager
2. 使用json文件返回数据。

1. 使用Ext.ux.ajax.SimManager 模拟后端数据

Ext.ux.ajax.SimManager 是用来管理模拟Ajax响应的单例类。从类的命名空间可以看到， 这个类不是核心包中， 而是在ux 中的。所以， 要使用这个功能， 就需要在 app.json 引入ux扩展模块。

    "requires": [
        "ux"
    ],
1
2
3

导入ux扩展包的配置界面如下图所示：

使用Ext.ux.ajax.SimManager 可以实现Ajax请求就在毫无察觉的状况下由模拟器处理（simlets）， 这个功能是在使用Ext.data.Connect