JsonStore 和Store实现后台取数据
/* var store = new Ext.data.JsonStore({
// totalProperty: "totalProperty",
// root: "root",
url : "http://127.0.0.1:8080/extTest/getFileName",
fields : ["length", "path", "rptName","size"]
}); */
等效于
//Proxy
var proxy = new Ext.data.HttpProxy({url: "http://127.0.0.1:8080/extTest/getFileName"});
//Record 定义记录结果
var Report = Ext.data.Record.create([
{name: "path", type: "string", mapping: "path"},
{name: "length", type: "string", mapping: "length"},
{name: "rptName", type: "string", mapping: "rptName"},
{name: "size", type: "string", mapping: "size"}
]);
//Reader
var reader = new Ext.data.JsonReader({
// totalProperty: "totalProperty",
// root: "root",
},
Report
);
//Store
var store = new Ext.data.Store({
proxy: proxy,
reader: reader
});
注意:下面两句对应的数据是
// totalProperty: "totalProperty",
// root: "root",
[totalProperty:110,root:[{name:'唐伯虎',age:25,sex:'男'},{name:'楚留香',age:24,sex:'女'}]]
如果数据是
String _str = "[{name:'唐伯虎',age:25,sex:'男'},{name:'楚留香',age:24,sex:'女'}]"; 加上了 上面两条语句打死也不会得到数据%>_<%
一个很完美的例子 http://pepa.iteye.com/blog/249232
分享到:
相关推荐
在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...
在“ExtJS深入浅出介绍之数据存储与传输”这一主题中,我们将深入探讨ExtJS如何处理后台数据的存储和交换。 一、数据存储 1. **Store(数据存储)**:在ExtJS中,Store是数据的核心管理器,用于存储和管理数据集。...
`JsonStore读取后台json数据.txt`可能包含了如何从服务器获取JSON数据,然后使用JsonStore进行解析和展示的示例。 4. **Store支持按照拼音排序**: EXTJS 的Store 支持对数据进行排序,包括按照中文拼音的首字母...
下面我们将深入探讨Combobox的使用方式,包括使用数组和后台数据,以及如何实现多个Combobox共享数据源,以及如何将Combobox的valueField值回传到后台。 1. **使用数组创建Combobox**: - 首先定义一个数组,包含...
该模块下包括了多个子类,例如`Ext.data.Store`、`Ext.data.DataProxy`以及`Ext.data.DataReader`等,这些子类共同协作完成数据的加载、解析和管理等功能。 ##### 1.2 Ext.data.Store `Ext.data.Store`是Ext框架中...
这个压缩包文件"多年积攒下来的EXT3.3例子大放送"显然包含了一系列EXTJS的示例代码,帮助开发者深入理解和应用EXTJS控件,以及如何进行后台数据的交互和报表展示。下面将详细探讨EXTJS、EXT3.3版本的关键特性,以及...
通过这些步骤,我们可以使用Ext JS 3.x创建具有固定值或动态后台数据的柱状图。这种可视化方法有助于用户直观地理解数据分布,从而提升应用的交互性和用户体验。在实际项目中,可以根据具体需求调整和扩展这些示例,...
总的来说,`newtpanel.aspx` 和 `newtpanel.aspx.cs` 文件展示了如何利用Ext.NET在服务器端和客户端代码中动态创建和管理GridPanel,以及如何将它们集成到各种窗口容器中,以实现灵活的数据展示和交互。这是一项关键...
如果后台数据实时变化,可以监听store的load事件,在数据加载完成后更新图表。使用`chart.update()`方法可以轻松实现这一点。 通过以上步骤,你可以使用ExtJS创建一个动态的、支持任意多条折线的lineChart。在实际...
在Ext JS应用中,直接使用Direct Web Remoting (DWR)技术可以实现实时的数据交互,使得...这种直接使用DWR加载数据的方式简化了前后端交互的过程,提高了应用程序的响应速度,使得用户可以实时地查看和操作后台数据。
通过上述步骤,我们可以利用Servlet技术和Extjs框架实现在Web前端界面动态展示数据库中的数据。这种方法不仅适用于简单的数据展示场景,还可以进一步扩展以支持更复杂的功能,如分页、搜索和排序等。此外,还可以...
5. **Store 和 Proxy**:`Ext.data.Store`用于管理聊天记录的数据,而`Proxy`则定义了与服务器的交互方式,可能是`AjaxProxy`,通过HTTP请求与后台通信。 6. **布局管理**:聊天室界面可能使用了ExtJS的布局管理器...
5. **处理服务器端逻辑**:在ASP.NET后台代码中,你需要实现服务接口,如上面的`GetGridData`方法,以返回JSON或XML格式的数据。 6. **同步与异步通信**:使用ASP.NET的PageMethods或WebMethods,你可以在客户端...