炫彩界面库论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 337|回复: 0

[开源教程] JS 设计器-新建项目-生成事件代码

[复制链接]
发表于 2018-11-21 12:54:53 | 显示全部楼层 |阅读模式
1. 新建项目
QQ图片20181121122900.png

2. 打开默认的布局窗口, 创建生成JS代码
QQ图片20181121123108.png

3. 自定义JS类名称
QQ截图20181121123312.png



4. 打开生成的JS文件
QQ截图20181121123433.png

var xc = import('XCGUI');  //把此行代码注释去掉, 导入炫彩界面库模块

//{bindfile="layout.xml"}  //此行代码是映射JS类与布局文件关系

//{EVENT_BEGIN}
//设计器会自动在此处注册事件
//{EVENT_END}

设置为JS启动文件,代码将从此文件开始运行
QQ截图20181121125340.png

5. 布局窗口添加按钮,设置name在布局窗口上方一个按钮, 属性面板设置按钮的name值, 以便后续通过name注册事件
QQ截图20181121124135.png


6. 生成事件代码
选择工具栏上的 [JS事件管理]图标, 弹出JS事件管理窗口, 选择按钮点击事件, 点击按钮[添加事件响应代码], 自动生成事件代码.

QQ截图20181121124440.png

下面是自动生成的事件代码
QQ截图20181121125054.png


xc.XEle_RegEventByName("button1", xc.XE_BNCLICK, this.OnBtnClick_button1); //注册事件
OnBtnClick_button1(pbHandled) //事件响应函数




您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

QQ|Archiver|手机版|小黑屋|广州炫软(软件)科技有限公司 ( 粤ICP备15089345号-1 )

GMT+8, 2019-2-22 23:41 , Processed in 0.080389 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表