Fish开发与使用

简介: 审批系统使用es5,现在fish组件里面,用了大量的bind(this)方法,bind解决了this作用域问题,es6有箭头函数解决这个问题 es5没有箭头函数。正常的js文件中必须包含的几个内容:1.在文件的开始,要引入当前js文件需要用到的html文件,调接口使用到的action文件,或者特定样式的css文件,引入HTML文件,格式是:”hbs!”+对应文件的整个路径,引入js文件,格式是:对应文件的整个路径,文件名不需要加后缀名js

 

Fish开发与使用

fish官网:https://fish.iwhalecloud.com/fish-show/

fish的各种APIhttps://fish.iwhalecloud.com/fish-desktop/api/index.html

审批系统使用es5,现在fish组件里面,用了大量的bind(this)方法,bind解决了this作用域问题,es6有箭头函数解决这个问题  es5没有箭头函数。

 

正常的js文件中必须包含的几个内容:

1.在文件的开始要引入当前js文件需要用到的html文件调接口使用到的action文件或者特定样式的css文件

引入HTML文件,格式是:hbs!”+对应文件的整个路径,

引入js文件,格式是:对应文件的整个路径,文件名不需要加后缀名js

引入css文件,格式是:”css!”+对应文件的整个路径,如:图1

1.png

在引入HTML文件和js文件的时候需要在function中进行定义2

2.png

对于css文件,只需要引入即可,

而对于html文件,在function中进行定义,还需要引入模板,如:图3

3.png


2.events:视图事件定义,大部分用来定义点击事件,或者移入移出事件,如:图4

 4.png

 

3.initialize:初始化定义,如:图5

其中包括从上一个界面传的值过来的,或者定义的grid表格的列,或者定义当前js中需要用到的全局变量。

 5.png

 

4.  afterRender:渲染之后处理函数,如:图6

6.png

以上4点就是正常的js文件中需要包含的内容,除此之外,在js中正常定义需要的函数,

还有一个js是比较特殊的,是actions文件夹中的,一般是放调用接口的,如:图7

 7.png


5.组件之间传值,分为两种,一种为传值到弹框内,一种为传值到新开的界面中

1.传值到弹框内的话,如:图8

8.png

 

PopupView为弹框,需要一个路径URL

viewOption中放入需要传到弹框里面的值,可以是单个字段,也可以是数组,

Close函数中就是对关闭弹框后,需要对当前界面进行的处理

2.传值到新开的界面中的话,如:图9

9.png


Selector中是当前html中需要传入的子视图选择器

url中传入子视图的路径

callback中放视图加载成功的回调函数

 

viewOption中放入需要传到子视图里面的参数,在对应的文件initialize中进行接收,如图10

10.png

 

 

相关文章
|
JSON API 数据格式
实时获取小红书笔记详情的API使用与解析
小红书是一个以分享消费经验、生活方式为主的社交平台,拥有大量的用户和内容。为了更好地了解用户在小红书上的行为和内容,许多开发者选择使用小红书开放平台提供的API接口。本文将介绍如何通过小红书笔记详情API实现实时数据获取,并给出相应的代码示例。
|
缓存 监控 负载均衡
将近2万字的Dubbo原理解析,彻底搞懂dubbo
市面上有很多基于RPC思想实现的框架,比如有Dubbo。今天就从Dubbo的SPI机制、服务注册与发现源码及网络通信过程去深入剖析下Dubbo。
30240 9
|
Java Spring
【Spring】方法注解@Bean,配置类扫描路径
@Bean方法注解,如何在同一个类下面定义多个Bean对象,配置扫描路径
650 73
|
负载均衡 监控 Dubbo
Dubbo 原理和机制详解(非常全面)
本文详细解析了 Dubbo 的核心功能、组件、架构设计及调用流程,涵盖远程方法调用、智能容错、负载均衡、服务注册与发现等内容。欢迎留言交流。关注【mikechen的互联网架构】,10年+BAT架构经验倾囊相授。
Dubbo 原理和机制详解(非常全面)
|
Dubbo Cloud Native 应用服务中间件
阿里云的 Dubbo 和 Nacos 深度整合,提供了高效的服务注册与发现、配置管理等关键功能,简化了微服务治理,提升了系统的灵活性和可靠性。
在云原生时代,微服务架构成为主流。阿里云的 Dubbo 和 Nacos 深度整合,提供了高效的服务注册与发现、配置管理等关键功能,简化了微服务治理,提升了系统的灵活性和可靠性。示例代码展示了如何在项目中实现两者的整合,通过 Nacos 动态调整服务状态和配置,适应多变的业务需求。
555 2
|
安全 自动驾驶 物联网
5G技术概览:开启万物互联新时代
【10月更文挑战第23天】
640 1
|
容器
Vue3弹出确认(Popconfirm)
这是一个基于Vue3的弹出确认框组件(Popconfirm),提供了丰富的自定义选项和事件处理功能。组件支持设置标题、描述、按钮文本及样式等,并可通过slot进行自定义内容。
719 1
Vue3弹出确认(Popconfirm)
|
SQL 监控 Java
深入浅出Mybatis拦截器
我们平时所谈的拦截器与过滤器有什么区别?我们在使用Mybatis时候,如果想动态的改写sql如何实现?倘若在多租户的系统中,如何依据当前的线程上下文中的请求租户信息,动态的改写sq设置租户信息?又或者如何增加sql的执行耗时或者信息摘要呢?
4526 1
|
SQL Java
SpringData JPA多表关联操作
SpringData JPA多表关联操作
340 0