ExtJs异步无法向外传值和赋值的完美解决办法

 更新时间:2017年06月14日 08:55:40   作者:乐呵呵的小码农  
这篇文章主要介绍了ExtJs异步无法向外传值和赋值的完美解决办法,需要的朋友可以参考下

1、Ext.data.Store.load();方法是异步的,下面的方式获得的reCount始终是0,因为还没等后台的方法执行完就赋值了,此时store的record还没获得值。

var testStore = new Ext.data.GroupingStore({
   proxy : new Ext.data.HttpProxy({
      url : ''
   }),
   reader : new Ext.data.JsonReader({
      root : 'hstamcx',
      totalProperty : "results",
      fields : ["id","value"]
   })
});
Ext.onReady(function(){
     Ext.QuickTips.init();
     Ext.form.Field.prototype.msgTarget = 'side';
     testStore.load (); 
     var reCount = testStore.getCount();
     var port = new Ext.Viewport({
        layout : 'auto',
        frame : true,
        items : [winKey]
     });
});

2、如果想要对加载的值进行处理,必须将后续处理写在回调函数中。

Ext.onReady(function(){
     Ext.QuickTips.init();
     Ext.form.Field.prototype.msgTarget = 'side';
     testStore.load({
        callback : function(r, options, success) {
           var reCount = testStore.getCount();
        }
     });
     var port = new Ext.Viewport({
        layout : 'auto',
        frame : true,
        items : [winKey]
     });
});

此时可以获得reCount的值,并且callback : function(r, options, success)的r就是store加载查到的数据。

但依然存在问题:r的数据值只能在回调函数里面使用,在callback函数里既不能给外部的其他元素赋值,也没有办法将r数据传到外面去 

3、如果想在js页面向后台发送请求,并在外面使用后台返回的数据值,可以使用Ext.Ajax.request,并将请求方式设置成同步,接收数据的变量要定义在Ext.Ajax.request外面   

  var cancelMode;
     Ext.Ajax.request({
        url: '',
        method: 'post',
        sync:true, //同步请求
        success: function(response) {
           var response = Ext.util.JSON.decode(response.responseText);
           cancelMode = response.hstamcx[0].param_value;
        }
      });

此时就可以在外面使用Ext.Ajax.request的请求获得的数据了,比如alert(cancelMode );

后台代码示例:该示例是举个大概例子,并不是完整代码

public void getData(HttpServletResponse response){
      TestData td = TestDataDao.getTestdata();
      String message = "{name:" + td .getName()+ ",id:" + td.getId()+ "}";
      PrintWriter out=response.getWriter();
      out.write(message);
      out.flush();
   }

以上所述是小编给大家介绍的ExtJs异步无法向外传值和赋值的完美解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • javascript 可以拖动的DIV(二)

    javascript 可以拖动的DIV(二)

    关于这个实现div拖动的js函数,实际上也是某位前辈公布于网上,这儿只是摘抄注解一下。
    2009-06-06
  • JavaScript中常见加密解密方法总结

    JavaScript中常见加密解密方法总结

    这篇文章主要为大家详细介绍了JavaScript中常见加密解密方法的实现,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以了解一下
    2023-03-03
  • Bootstrap登陆注册页面开发教程

    Bootstrap登陆注册页面开发教程

    这篇文章主要介绍了Bootstrap登陆注册页面开发教程,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • js实现电灯开关效果

    js实现电灯开关效果

    这篇文章主要为大家详细介绍了js实现电灯开关效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • JavaScript函数扩展与箭头函数超详细讲解

    JavaScript函数扩展与箭头函数超详细讲解

    这篇文章主要介绍了JavaScript函数扩展与箭头函数的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2022-11-11
  • js 声明数组和向数组中添加对象变量的简单实例

    js 声明数组和向数组中添加对象变量的简单实例

    下面小编就为大家带来一篇js 声明数组和向数组中添加对象变量的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • js console.log打印对像与数组用法详解

    js console.log打印对像与数组用法详解

    这篇文章主要介绍了js console.log打印对像与数组用法,结合实例形式较为详细的分析了js使用console.log实现打印对象与数组的具体实现步骤与相关技巧,需要的朋友可以参考下
    2016-01-01
  • js获取数组中的最大值的9种方法总结

    js获取数组中的最大值的9种方法总结

    这篇文章主要为大家详细介绍了js获取数组中的最大值的9种方法,以及每种方法的工作原理和用法,文中的示例代码讲解详细,需要的可以参考下
    2023-08-08
  • JS 打印界面的CSS居中代码适用所有浏览器

    JS 打印界面的CSS居中代码适用所有浏览器

    这篇文章主要介绍了JS 打印界面的CSS居中代码,需要的朋友可以参考下
    2014-03-03
  • 浅谈js闭包理解

    浅谈js闭包理解

    这篇文章主要介绍了对js闭包理解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03

最新评论