`

将从后台获取到的数据赋给Ext.data.JsonStore

    博客分类:
  • web
阅读更多

我们从后台获取数据后,怎么赋给jsonStore呢?

 

1 从后台获取数据,自动load

var store = Ext.create('Ext.data.JsonStore', {

   storeId:'storeId',

 

        model: 'ImageModel',

        proxy: {

            type: 'ajax',

            url: '../../../quyTaskServlet.do',

            reader: {

                type: 'json',

                root: 'images'

            }

        }

    });

    store.load();

 

后台返回数据为:

[{"nexttime":"","lasttime":"","priority":5,"taskstat":"COMPLETE","taskname":"task4","flowname":"flow4","trigrule":"opermain","subsysid":"opermain"},{"nexttime":"","lasttime":"","priority":5,"taskstat":"COMPLETE","taskname":"task3","flowname":"flow3","trigrule":"opermain","subsysid":"opermain"},{"nexttime":"","lasttime":"","priority":5,"taskstat":"COMPLETE","taskname":"task2","flowname":"flow2","trigrule":"opermain","subsysid":"opermain"},]

 

2  从后台获取数据,手动load:

 

var quytask = Ext.create('Ext.Action', {

        text: '查询任务',

        iconCls: 'icon-add',

         handler: function(){

//store.reload();

Ext.Ajax.request({

url: '../../../quyTaskServlet.do',

params: {

 

subsysID:'opermain',

propathID:'serverId',

to:'scheduler'

 

},

 

success: function(response, opts) {

//alert(response.responseText);

var results = Ext.util.JSON.decode(response.responseText);

store.loadRecords(results);

},

failure: function(response, opts) {

console.log('server-side failure with status code ' + response.status);

}

});

}

    });

 

 

分享到:
评论

相关推荐

    Ext.Store的获取方法

    然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的组件,它是一个纯粹的数据容器。 在传统的创建`Ext.Store`的方法中,我们通常会这样定义一个Store: ```javascript...

    extjs 前后台交互参数出现中文乱码问题的解决方法

    ### extjs前后台交互参数出现中文乱码问题的解决方法 #### 问题背景与原因分析 在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的...

    ext3.*画图的例子

    如果数据需要从后台获取,我们可以使用`Ext.data.JsonStore`或`Ext.data.Store`与`Ext.Ajax.request`结合。例如: ```javascript Ext.Ajax.request({ url: 'getData.php', // 后台数据接口 success: function...

    Ext与后台数据库交互

    `Ext.data.DataProxy`定义了如何从服务器获取数据,并可以针对不同的数据源实现不同的代理类,如`AjaxProxy`、`ScriptTagProxy`等。 - **Reader(数据读取器)**:`Ext.data.DataReader`定义了如何解析从服务器...

    多年积攒下来的EXT3.3例子大放送

    例如,`Ext.data.JsonStore`可以用来加载JSON格式的后台数据,而`Ext.data.HttpProxy`则负责发起HTTP请求。开发者可能在示例中看到如何配置这些对象以实现数据的获取和更新。 3. **报表**:EXTJS提供了创建复杂报表...

    Ext开发过程中的自学笔记

    - 定义一个`Ext.data.JsonStore`,设置URL指向提供JSON数据的后台接口,定义字段名和数据结构。 - 创建Combobox实例,与之前相同,但将store设置为JsonStore,模式设为远程(remote),因为数据从服务器获取。 - ...

    ExtJS制作折线图

    你需要定义fields(字段)来匹配图表中的数据列,并从服务器获取数据。例如: ```javascript var dataStore = Ext.create('Ext.data.JsonStore', { fields: ['date', 'value'], proxy: { type: 'ajax', url: ...

    extjs实例~~~

    `JsonStore读取后台json数据.txt`可能包含了如何从服务器获取JSON数据,然后使用JsonStore进行解析和展示的示例。 4. **Store支持按照拼音排序**: EXTJS 的Store 支持对数据进行排序,包括按照中文拼音的首字母...

    ExtJS 3.2 聊天室程序(类Q_Q群)

    可能使用了`Ext.Ajax`对象或者`Ext.data.JsonStore`与服务器进行通信。 4. **事件监听**:通过监听用户输入、按钮点击等事件,程序能捕捉到用户的操作并做出响应,如发送消息、加载更多聊天记录等。 5. **Store 和...

    Extjs自动填充

    store : new Ext.data.JsonStore({ url : contextPath + '/AutoComplete', root : 'root', baseParams : { limit : 20 }, fields : [ { name : 'value', mapping : 'value' },{ name:'name', mapping:'...

    通过Servlet让Extjs GridPanel 显示数据库数据.docx

    通过Servlet(Java Web应用的基础组件之一)获取数据并传递给Extjs,可以使GridPanel动态地显示数据库中的信息。 #### 二、准备工作 1. **开发环境**:确保安装了JDK、Tomcat服务器以及Eclipse或IntelliJ IDEA等...

    ExtJS深入浅出介绍之数据存储于传输

    它可以连接到各种数据源,如JSONP、XML、CSV等,或者通过Ajax请求从服务器获取数据。Store可以加载数据、同步更改、排序、过滤和分页,提供了一种灵活的方式来处理和展示数据。 2. **Model(数据模型)**:Model...

    从default.aspx调用Extjs网格

    4. **数据绑定**:如果你的数据源来自服务器,可以使用Ext.data.JsonStore或Ext.data.XmlStore,并配置AJAX请求来填充数据。例如,使用ASP.NET Web Service或WCF服务: ```javascript var store = new Ext.data....

    DWR Ext 加载数据

    3. 通过DWR调用后端方法,使用回调函数处理返回的数据,将数据加载到`Store`中。 4. 在`dwr.xml`中配置DWR允许的调用和对象转换规则。 这种直接使用DWR加载数据的方式简化了前后端交互的过程,提高了应用程序的响应...

    struts2.1.8+spring2.5+hibernate3.2+ext3.0框架整合笔记(一)

    Ext的JSONStore可以配合Struts2的JsonResult或JsonPlugin,使Action直接返回JSON数据,从而驱动Ext的GridPanel等组件动态更新。 整合这些框架时,需要关注以下几点: 1. 配置文件的设置:确保`struts.xml`、`spring...

Global site tag (gtag.js) - Google Analytics