Ext4中模型直接读取后赋值

最新推荐文章于 2025-05-26 23:02:16 发布

liubl2011

最新推荐文章于 2025-05-26 23:02:16 发布

阅读量137

点赞数

CC 4.0 BY-SA版权

分类专栏： Extjs4 文章标签： extjs4 回调函数 model取值

本文链接：https://blog.csdn.net/liubl2011/article/details/84278184

Extjs4 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用ExtJS 4中的Model Proxy特性从后端获取数据并填充到UI组件中。通过定义模型及其代理配置，可以轻松地实现数据的加载与显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Extjs4的model中支持数据代理proxy，在4之前的版本中数据代理只能在store里才有。现在model里有了数据代理就会更灵活的得到应用。

现在功能是直接读取后台传过来的一个bean然后给控件进行赋值。
先创建一个model：'customTarget'然后在model里面写个代理获取后台数据proxy ，然后再建立个对象customMonthTarget 用ModelManager取得model，最后在对象的load方法里获取值rec.get('launchCount');

代码如下：


Ext.define('customTarget', {
    extend : 'Ext.data.Model',
    fields : [ 
        {name : 'customerCount',//本月虚拟客户数
        type : 'string'
    }, {
        name : 'launchCount',//开展客户数
        type : 'string'
    } ],
    proxy : {
        type : 'ajax',
        url : basePath + 'manage/monthtarget/getCustomMonthTarget.do',
        reader : {
            type : 'json',
            root : 'customMonthTarget'
        }
    }
});

var customMonthTarget = Ext.ModelManager.getModel('customTarget');

customMonthTarget.load(1,{
     success:function(rec){
        // 本月虚拟客户数
        Ext.getCmp("customerCount").setValue(rec.get('customerCount'));

        // 开展客户数
        Ext.getCmp("launchCount").setValue(rec.get('launchCount'));
     },
     callback:function(o,response,success) {   
         if (success == false){   
             window.top.location.href = basePath + "page/errors.jsp";
         }   
     }   
 });

另外看load里面的callback方法，如果返回数据错误后台抛出异常情况下，在后台设置键值对success为false，在load的回调函数里写一个处理错误的连接，这样就会直接跳转的错误处理页面。我原来的想法是在spring里拦截器，如果出错spring会自动拦截跳转到另外一个页面，但是我忽略了一件事情，extjs的请求是异步的，所以拦截器无法实现错误跳转。所以只能写load的回调函数来处理了。

小宝制造。