亚信实习日志三

最新推荐文章于 2022-07-13 09:16:33 发布

苏小锅

最新推荐文章于 2022-07-13 09:16:33 发布

阅读量867

点赞数 1

分类专栏：实习日志

本文链接：https://blog.csdn.net/qq_37786243/article/details/94155979

版权

这篇博客讲述了作者在亚信实习期间，如何使用ExtJS进行异动任务管理模块的开发，特别是如何改写自定义插件以实现二级和三级弹框的数据渲染与回调。遇到的主要挑战是将三级弹框内容传递给二级弹框，通过深入研究发现Ext.getCmp("id").setValue(text)可以解决这个问题。此外，还分享了实习期间的团队活动和对亚信公司工作环境、待遇以及职业发展的观察。

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

这周主要是在做异动任务管理模块，主要用到的技术还是Ext 自带的前端功能，不过初始版本的开发真的是很厉害。Ext 虽然说仅仅在 jsp 里面引入 js 文件，即可完成样式渲染、DOM布局和事件触发，但是如果对样式有需求的话，还是要自定义很多插件的。

这周我的开发任务主要是改写某一个自定义插件，完成二级弹框和三级弹框的数据渲染及数据回调。项目里面虽然用了vue 做弹框效果，但是也有一个弊端，就是要引入新的 jsp 文件，也就相当于重新开一个vue 环境下的页面。这样可以完成Vue 自带的 dialog 弹框效果，但是与整体的 Ext 逻辑不符合，新开页面会觉得很突兀。所以只能改写自定义插件，然后调用的是Ext 自带的弹框效果（因为这边暂时仅需求一个字段的输入弹框）。整体布局成form 表单的弹框，初始版本已经完全定义好了，这里仅需要合理利用即可。

然后最难的部分应该是如何完成三级弹框到二级弹框的数据回调。这里网上找的资料是 Ext 带输入框的弹框有一个回调函数，就比如下面这段代码的回调函数。但是这里的问题是，如何将三级弹框的内容给到二级弹框。

Ext.Msg.show({
	 title: '标题', 
     buttons: {'yes':'我是yes','no':'我是no'},  
     width: 200,  
     height: 400,  
     closable: false,  
     msg: '显示的内容',  
     fn: function(button, text) {  
     Ext.MessageBox.alert('您点击的是' + button + "输入的内容为: " + t