extjs6 基础组件扩展和自定义组件封装--04静态js方法的设计思想

时间：2020-12-05 05:30:21

在03章中讲到了系统的静态方法类，下面对部分静态方法特别的说明。为什么需要这样做。

1、EU.RS(config) 是ajax请求静态方法。项目中常用的写法是Ext.Ajax.request(config)，如果这样写存在几个问题：

     1）、每个请求都要做异常捕获或者提醒。

     2）、如果有自定义异常无法统一处理，不好统一写错误日志。

     3）、如果系统调整为跨域模式。那么请求方式应该是Ext.data.JsonP.request(config);

     主要问题就是：无法对ajax请求统一管理，如果存在变动，整个系统的请求都要修改。


2、EU.toastInfo 、EU.toastWarn、EU.toastErrorInfo 、EU.showMsg，更好的统一错误信息提示风格和显示位置。


3、PU.openTabModule 系统主窗口的Tabpanel容器。可以方便系统中任何js类中打开一个新窗口。


4、PU.openModule 系统弹出新窗口写法，弹出一个systemMenuEdit子窗口，当子窗口操作完成后执行回调方法，返回结果给主窗口。我看到很多人直接把store对象传递给子窗口，这样其实是不合理的。这样导致子窗口和主窗口做了绑定。其他的窗口无法调用这个子窗口。所以主窗口和子窗口的交互应该是数据层面，不应该是操作对象。

PU.openModule({title:title,xtype:"systemMenuEdit",width:500,params:params,scope:this,callback:function(result){
   //结果回调    
}});


5、 PU.download 系统中文件下载。因为系统中文件下载可能会出现错误，应该统一管理下载，如果下载出现错误，统一错误页面，而不是让每个程序员独立去完成下载代码。 

PU.download({url:"http://xxxxxx.do"})

extjs6 基础组件扩展和自定义组件封装--04静态js方法的设计思想


6、 Config  系统配置文件。其中sub 为用户登录后用户信息对象。

标签：

相关文章