首页 > Web开发 > 详细

Extjs 数据加载与回调

时间:2020-06-22 13:21:17      阅读:68      评论:0      收藏:0      [点我收藏+]

1. 数据源

//數據源1
var
store = [{id:"001",name:"LiDaWei", age:23},{id:"002",name:"Linimen",age:19}];
//數據源2
var store = Ext.create(Ext.data.Store, {
    fields: ["id","name","age","like"],
    //是否即時加載數據
    autoLoad: false,
    //是否在服务端排序
    remoteSort: true,
    remoteFilter: true,
    //每页显示数据量
    pageSize: 25,
    proxy: {
        type: "ajax",
        url: "xxxx/xxx/x/xx/xas",
        reader: { type: json, root: "rows", totalProperty: total },
     extraParams:{id:1}  //参数
  },
  sorters: [{
//排序字段 property: "id", //排序类型,默认为 ASC
    direction: desc }] });
//數據源3
Ext.define(GridStoreModel, {
    extend: Ext.data.Model,
    fields: ["id","name","age","like"]
});
var store = Ext.create(Ext.data.Store, {
    model: "GridStoreModel",
    autoLoad: false,
    pageSize: 25,
    proxy: {
        type: "ajax",
        url: "xxxx/xxx/x/xx/xas",
        reader: { type: json, root: "rows", totalProperty: total }
    }
});
注意:后面事件用到的是數據源2或3。

3.数据加载前事件

//修改或添加数据加载的参数
store.on("beforeload",function(){ Ext.apply(mainStore.proxy.extraParams, {id:2,name:"ss"}); });
store.addListener(beforeload, function () {   });

4.数据加载后的回调事件

//写法1
store.addListener(load, function () {  alert("Callback");  });
//写法2
store.load({ callback: function (store, options, success) {} });
//写法3
store.on("load",function(){alert("1111");});

 

Extjs 数据加载与回调

原文:https://www.cnblogs.com/2625664742-chanyk/p/13156933.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!