LayUI: 工具条toolbar 绑定事件lay-event
//监听工具条
table.on('tool(test)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
var data = obj.data; //获得当前行数据
var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
var tr = obj.tr; //获得当前行 tr 的DOM对象
if(layEvent === 'detail'){ //查看
//do somehing
} else if(layEvent === 'del'){ //删除
layer.confirm('真的删除行么', function(index){
obj.del(); //删除对应行(tr)的DOM结构,并更新缓存
layer.close(index);
//向服务端发送删除指令
});
} else if(layEvent === 'edit'){ //编辑
//do something
//同步更新缓存对应的值
obj.update({
username: '123'
,title: 'xxx'
});
}
});
--测试------------------
//监听工具条
table.on('tool(ErrorTb)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
var data = obj.data; //获得当前行数据
var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
var tr = obj.tr; //获得当前行 tr 的DOM对象
alert(1);
if(layEvent =='Errorview'){ //查看
//do somehing
alert(222);
}
});
}
LayUI: 工具条toolbar 绑定事件lay-event相关推荐
- iOS代码动态消除iPhone X底部工具条(ToolBar)与键盘间的夹缝
在App界面底部增加工具条的情况并不少见,在工具条上增加输入框更所谓是"应知应会".下面本猫就向大家介绍如何适配iPhoneX中底部工具条与弹出键盘的相对位置. 你是怎样的工具条? ...
- CToolBar工具条控制方法
所 谓工具条就是具有位图和分隔符组成的一组命令按钮,位图按钮部分可以是下推按钮.检查盒按钮.无线按 钮等.工具条对象类派生于主窗口架框类CframeWnd或CMDIFrameWnd,其类控制CTool ...
- 13_MFC工具条和状态栏
MFC工具条和状态栏 Windows控制窗口 Windows (Windows95或者以上版本) 提供了系列通用控制窗口,其中包括工具条(ToolBar).状态栏(StatusBar).工具条提示窗口 ...
- MFC 教程【13_MFC工具条和状态栏 】
MFC工具条和状态栏 Windows控制窗口 Windows (Windows95或者以上版本) 提供了系列通用控制窗口,其中包括工具条(ToolBar).状态栏(StatusBar).工具条提示窗口 ...
- 如何将SketchUp插件添加到菜单栏及工具条
微信公众号:老顽童与小东邪 关注可了解更多的教程及编程技巧.问题或建议,请加好友留言; 如果你觉得对你有帮助,欢迎赞赏 插件目录Plugins 我们想要在SketchUp平台上进行二次开发,就要了解它 ...
- MFC的工具条和状态栏
Windows控制窗口 Windows (Windows95或者以上版本) 提供了系列通用控制窗口,其中包括工具条(ToolBar).状态栏(StatusBar).工具条提示窗口(ToolTip ...
- layUI踩坑:数据表格的监听工具条,点击事件没有反应
<%--类别展示--%> <table class="layui-hide" id="test"></table><% ...
- toolbar工具条的用法
目录 前言 一.工具条 二.工具条追加 1.添加action 总结 附录 前言 工具条应用非常广泛,创建步骤基本是初始化工具条,再在工具条上放图标,设置单击事件. 一.工具条 // 创建toolbar ...
- layui表格点击排序按钮后,表格绑定事件失效解决方法
layui表格点击排序按钮后,表格绑定事件失效解决方法 参考文章: (1)layui表格点击排序按钮后,表格绑定事件失效解决方法 (2)https://www.cnblogs.com/gongliha ...
最新文章
- 三、6Gbps SAS冲锋队——Cheetah 15K.7、NS.2
- deedeedee crazy 寒假逆向生涯(11/100)
- 轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
- 下找到vue变量_Vue:npm run serve 到底做了什么?
- android 编译sdk,android编译sdk
- 文本编辑器Vim/Neovim任意代码执行漏洞(CVE-2019-12735)
- typeof, offsetof, container_of宏
- 600岁故宫“新政”“萌萌哒”
- Python 计算彩色图像信噪比
- PHP阶段案例之Web表单生成器
- 你活得光鲜亮丽,父母却在低声下气
- UCF动作识别的数据集及处理(pytorch)
- Python度分秒与度的互转
- xcode 断点不现实栈_真正成为“全栈”是不现实的,但您应该尝试
- Javascript中四舍六入五成双
- 排序篇:直接插入、希尔、直接选择和堆排序(C语言)
- Kafka实时流数据经Storm至Hdfs
- c语言 位赋值,【c语言】位段赋值的例子
- JavaScript奇淫技巧:把JS编译成exe
- 那些游戏开发牛人的博客和IT学习网站
热门文章
- 漏洞检测与防御:Redis未授权访问漏洞复现
- 终极解决方案:Package install failed, see above. The Schematic workflow failed. See above,angualr新建项目报错
- linux上的h游戏下载,开源3D游戏hcraft
- 2021年广东省电力市场运行现状分析:累计交易电量2951.7亿千瓦时[图]
- translate翻译加载缓慢的解决办法(内附插件库官方下载地址)
- English--音标初识--phonetic symbol
- android 使手机震动的方法
- 用Snippets创建自己喜欢的注释格式
- css实现多个div在一行内显示
- Django 一对多 多对多 正/反序列化