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的各种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

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实现实时数据获取,并给出相应的代码示例。
|
前端开发 JavaScript 应用服务中间件
Https网站中请求Http内容
Https网站中无法请求Http资源(静态资源、接口等) 分析 解决方法
Https网站中请求Http内容
|
Ubuntu 网络安全 开发工具
Xshell通过SSH连接阿里云报错“服务器发送了一个意外的数据包” xshell连接ubuntu
Xshell通过SSH连接阿里云报错“服务器发送了一个意外的数据包” xshell连接ubuntu
Xshell通过SSH连接阿里云报错“服务器发送了一个意外的数据包” xshell连接ubuntu
|
存储 Web App开发 缓存
清理C盘空间的6种方法,附详细操作步骤
释放C盘空间并不难。只要掌握合适的方法,哪怕你是电脑小白,也能轻松清理出几十GB空间。下面就为大家介绍6种实用、安全、细致的清理方法,并附上操作步骤。
|
人工智能 安全 网络安全
Burp Suite Professional 2025.5 for macOS x64 & ARM64 - 领先的 Web 渗透测试软件
Burp Suite Professional 2025.5 for macOS x64 & ARM64 - 领先的 Web 渗透测试软件
720 3
|
NoSQL 网络安全 Redis
RedisDesktopManager免费软件下载,Redis桌面管理器(又名RDM),redis管理器
Redis桌面管理器(RDM)是一款支持Windows、Linux和MacOS的开源Redis数据库管理工具,提供易于使用的GUI界面,支持SSL/TLS加密、SSH隧道及云服务集成。本文档介绍了RDM的安装方法,并详细列出了Redis常用命令分类教程,包括键操作、字符串、哈希、列表、集合、有序集合、发布/订阅、事务及服务器管理等核心功能,帮助用户快速上手Redis开发与管理。
3931 1
|
SQL 监控 Java
深入浅出Mybatis拦截器
我们平时所谈的拦截器与过滤器有什么区别?我们在使用Mybatis时候,如果想动态的改写sql如何实现?倘若在多租户的系统中,如何依据当前的线程上下文中的请求租户信息,动态的改写sq设置租户信息?又或者如何增加sql的执行耗时或者信息摘要呢?
4764 1
|
存储 Kubernetes Docker
使用 Docker 搭建碎片化知识卡片-Memos
Memos 是一个功能全面、易于使用的开源知识库和社交平台,适合个人和企业使用。它支持标签、过滤、搜索和多账户管理,提供多种隐私设置和后端存储选择,支持单点登录和 Docker 部署,注重数据的安全性和私密性。
1591 12
使用 Docker 搭建碎片化知识卡片-Memos
|
SQL Java
SpringData JPA多表关联操作
SpringData JPA多表关联操作
432 0

热门文章

最新文章