22、数据处理与Ext JS扩展：打造高效Web应用

数据处理与Ext JS扩展：打造高效Web应用

1. 数据处理与存储

在Web应用开发中，动态地从服务器端获取数据是一项关键任务。Ext JS的Store对象为我们提供了强大而灵活的解决方案，它可以轻松地配置数据源，为众多Ext JS对象提供数据支持。

1.1 数据加载与过滤

我们可以通过以下代码实现数据的加载和过滤：

ourStore.load({recurse:true});

filterStoreByType = function (type){
    ourStore.load({dirFilter:type});
}

filterStoreByFileType = function (fileType){
    ourStore.load({fileFilter:fileType});
}

clearFilters = function (){
    ourStore.baseParams = new cloneConfig(initialBaseParams);
    ourStore.load();
}

为了测试这些过滤方法，我们可以在HTML页面上添加链接来调用它们，并在Firebug中监控结果。示例如下：

<div id="chap12_ex04">
    <a onclick="filterStoreByType('File')" 
       href="javascript:void(0)">Filter b