C# Gooflow+layer弹出层 全js代码

这篇博客介绍了如何利用C#结合Gooflow和layer弹出层技术,通过JavaScript实现流程设计器的功能。主要内容包括Gooflow组件的组织结构、弹出属性页面的代码结构以及如何在demo.html中调用和配置。Gooflow.js中的关键事件如图标点击、移动等均有注释说明,方便开发者理解和定制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里是将gooflow的代码简单的改造一下,点击线、点、图标、区域的时候弹出新窗口,在新窗口中可以添加设置更多的信息。总页面如下:

文件的目录,这里吧Gooflow的一套东西都放在GooFlow文件夹下面,文件夹是我自己分的,大家可以按照自己的习惯去调整,放到一起便于管理和修改。

code:放置的是弹出的属性页面,里面建了几个文件,预备和数据库操作相关联,不过例子中并没有写代码,这些代码可以根据你建的数据库和三层自己写添删改查。

codebase和js:放置的gooflow用的js和css。

demo.html:流程设计器的主页面,使用的时候直接调用。

javaScript/layer:存放的是弹出层的js和css,这是一个独立的控件,它有自己官网,有兴趣的可以自己研究。


主要修改的是GooFlow.js,你可以通过查找alert去看我写的一些备注,里面关于图标点击、移动等事件都标注出来了。

Demo.html代码


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值