# ew-event事件绑定 ## 3.7.ew-event事件绑定 使用示例： ~~~ <a ew-event="fullScreen">全屏</a> <a ew-event="flexible">折叠导航</a> ~~~ | 事件 | 描述 | | --- | --- | | flexible | 折叠侧导航 | | refresh | 刷新主体部分 | | closeThisTabs | 关闭当前选项卡 | | closeOtherTabs | 关闭其他选项卡 | | closeAllTabs | 关闭全部选项卡 | | leftPage | 左滚动选项卡 | | rightPage | 右滚动选项卡 | | closeDialog | 关闭当前弹窗(智能) | | closeIframeDialog | 关闭当前iframe层弹窗 | | closePageDialog | 关闭当前页面层弹窗 | | theme | 打开主题设置弹窗 | | note | 打开便签弹窗 | | message | 打开消息弹窗 | | psw | 打开修改密码弹窗 | | logout | 退出登录 | | fullScreen | 全屏切换 | | back | 浏览器后退 | | lockScreen | 锁屏 | | open | 打开弹窗 | | popupRight | 打开右侧弹窗 | ew-event属性可用于任何元素，不仅仅是a标签，theme、note等可以通过`data-url`属性配置对应的url， 还可以通过`data-window="top"`属性配置在父页面处理事件。 ~~~ <a ew-event="theme" data-url="xxx.html" data-window="parent">主题</a> ~~~ 自定义事件，添加下面代码即可，建议放在common.js中： ~~~ admin.events.xxx = function(){ layer.msg($(this).text()); } ~~~ ~~~ <a ew-event="xxx">测试</a> ~~~