基于 zui.sexy的模态选择器

利用zui的chose组件,封装的一个模态框选择器;
版本 1.0.0;
支持页面多个选择器;
支持查询功能;
效果图如下:
这里写图片描述

项目地址:https://gitee.com/lichenyi-gitee/html.zui.chosetable.git
有疑问可以留言:

如果觉得文章真心好, 请打赏下我吧,程序员赚钱不容易。 十块八块不嫌多, 一块两块也是爱啊!
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ZUI 框架中,`on('shown.zui.modal', handler)` 和 `on('show.zui.modal', handler)` 是两个不同的事件绑定方法,用于处理模态框(Modal)显示相关的事件。 1. `on('shown.zui.modal', handler)`: 这个方法用于绑定在模态框完全显示后触发的事件。当模态框显示完成并且过渡效果完成后,会触发 `'shown.zui.modal'` 事件。你可以使用这个方法来执行在模态框显示完成后需要进行的操作。 2. `on('show.zui.modal', handler)`: 这个方法用于绑定在模态框开始显示时触发的事件。当模态框开始显示并且过渡效果开始时,会触发 `'show.zui.modal'` 事件。你可以使用这个方法来执行在模态框显示前需要进行的操作。 需要注意的是,`'shown.zui.modal'` 和 `'show.zui.modal'` 是 ZUI 框架自定义的事件名称,用于指定模态框显示相关的事件。通过这两个事件,你可以在适当的时机执行相应的操作,例如初始化内容、加载数据、调整布局等。 以下是一个示例代码,演示了如何同时使用这两个事件: ```javascript $('#myModal').on('show.zui.modal', function () { console.log('模态框开始显示'); // 执行其他操作 }).on('shown.zui.modal', function () { console.log('模态框已经显示完成'); // 执行其他操作 }); ``` 在上述代码中,我们使用 `.on('show.zui.modal', handler)` 方法为模态框绑定了一个 `'show.zui.modal'` 事件处理程序,在控制台输出 `'模态框开始显示'`。同时,使用 `.on('shown.zui.modal', handler)` 方法为模态框绑定了一个 `'shown.zui.modal'` 事件处理程序,在控制台输出 `'模态框已经显示完成'`。这样,我们就可以在模态框显示的不同阶段执行相应的操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值