【工作笔记】从零开始学ExtJs6（四）—— 常用api小记

墨丶亦轩

于 2017-03-17 16:44:35 发布

阅读量3.1k

点赞数 2

分类专栏： ExtJs 文章标签： extjs 工作

本文链接：https://blog.csdn.net/qq_20597479/article/details/62891454

版权

本文是作者在项目实践中总结的ExtJS6常用API笔记，包括AjaxAPI的使用，模块化弹窗的实现，如何向store传递搜索条件，动态替换store URL参数，加载store数据的方法，创建model及树形Store的操作，以及树形菜单的全选和全不选功能。这些笔记旨在方便日后查阅和应用。

摘要由CSDN通过智能技术生成

题外话
项目做了一两个星期，基本上完成了。现在就总结一下一些常用的组件属性，怕以后用到会忘记，算是给自己的一些提示

AjaxAPI

Ext.Ajax.request({
    waitMsg: "请稍候...", 
    url: httpUrl, 
    method: "post", 
    jsonData: data,
    scope: scope, 
    success: function(res), 
    failure: function(res)  
});

模块化弹窗

Ext.create('Ext.window.Window',{
      title: title,
      //背景遮罩
      modal: true,
      //可改变大小
      resizable: false,
      //当关闭按钮被点击时执行的动作
      //如果需要使用id，需要destroy，hide不销毁组件，第二次创建会出现重复id的错误
      closeAction: "destroy", //"hide"
      plain: true,
      items: form //放置的组件（项目里面只添加了表单/按钮），多个用数组表示 [{component1},{component2} ... ]
});

向store传递额外的参数（例如：搜索条件查询）

//参数查询
//加载store之前处理事件
store.on('beforeload', function (store) {
    //传递参数：第一种方式(相当于Server传递)
    store.getProxy().extraParams = data;
});
//加载数据
//传递参数：第二种方式(相当于url拼接)