自定义触发执行 API 的事件

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Semanitc UI 会为不同的元素的类型设置不同的触发执行 API 的事件 .. 点击在按钮上就是点击事件 .. 在表单上就是提交事件 .. 这样比较合理 ..

我们也可以自己去定义触发的事件 .. 比如我想在双击按钮的时候,才去触发执行 API .. 在这个 api 的配置对象里.. 添加一个 on 属性 .. 这个属性的值就是触发执行 API 的事件的名字 ... 双击事件是 dblclick ... 保存 ..

点击这个 执行 按钮 ... 这次不会执行 API .. . 因为我们自定义了这个按钮的触发执行 API 的事件 .. 再双击一下它 .. 这次会去执行 API ...

如果你想立即执行 API .. 可以使用 now .. 把这个事件替换成 now .. 保存 .. 这样不需要触发的事件,直接会去执行 API .. 打开这个 API 执行的步骤 .. 这里你会看到一个 API called without element, no events attached .. 意思是不需要元素还有触发的事件,直接调用 API ..

现在我们再点击这个按钮的时候 ... 不会再次执行调用 API ... 如果你想保留这个功能的话 .. 可以这样 .. 先去掉这个 on: 'now' ..

在下面再添加一个 $('.ui.button').api('query');

保存 ... 同样可以立即执行 API ... 点击 执行 按钮 .. 可以再次执行这个 API ... 我们也可以这样 .. 直接在上面这个 api 的后面,再加上一个 api 方法 .. 然后给它一个 query 参数 .. 保存 ..

效果跟刚才是一样的 .. 立即执行 api ... 点击按钮同样可以执行 api 的动作 ..

自定义触发执行 API 的事件《 Semantic UI 应用接口 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点