Fish开发与使用

Fish开发与使用

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

fish的各种API：https://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

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

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

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

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

3.initialize：初始化定义，如：图5

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

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

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

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

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

1.传值到弹框内的话，如：图8

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

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

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

2.传值到新开的界面中的话，如：图9

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

url中传入子视图的路径

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

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