[扩展]EasyUI给dialog的buttons绑定click事件
来源:互联网 发布:大疆视频剪辑软件 编辑:程序博客网 时间:2024/05/08 18:06
通常,Dialog中的Buttons的Click是在生成的时候就通过如下方式写好的。
官网的代码
<div id="dialog" class="easyui-dialog" data-options="title:'My Dialog',modal:true, buttons:[{ text:'Save', handler:function(){...} },{ text:'Close', handler:function(){...} }]"> Dialog Content.</div>
这里的Click事件就写到handler
里面就好了
但是!!!
项目中有好几个页面都要用到这个Dialog
,每个页面处理的肯定都不同啊,不能这么写死。
于是想到扩展一个方法,动态的绑定一下Click事件
首先看这个Dialog
如何定义
<div id="dialog" class="easyui-dialog" data-options="title:'My Dialog',modal:true, buttons:[{ text:'Save' },{ text:'Close' }]"> Dialog Content.</div>
基本没做什么改变,就是移除了handler
接下来就是如何扩展了
$.extend($.fn.dialog.methods, { bindButtonEvents: function (jq, param) { return jq.each(function () { var dialog = $(this); dialog.parent().on('click', '.dialog-button a', function (e) { var text = $(this).linkbutton('options').text; var method = param[text]; if (method) { method(); } }); }); }});
如何调用呢?也很简单
$('#dialog').dialog('bindButtonEvents', { save: function () { }, Close: function () { }});
注:这里的save,close是跟上文中button的text对应的,实际应用中改成对应的字符串即可(中文也行)
0 0
- [扩展]EasyUI给dialog的buttons绑定click事件
- 扩展easyui dialog的两个方法.动态添加和删除buttons的按钮
- 给js创建的一个input数组绑定click事件
- JQuery给元素绑定click事件多次执行的解决方法
- 给button动态绑定click事件
- 如何给元素绑定click点击事件
- 给元素绑定click事件时造成事件累加
- easyui给input框绑定keyup事件
- 解决给dom元素绑定click等事件无效问题的方法
- JQuery 给元素绑定click事件 多次执行
- jQuery绑定img的click事件
- jquery 绑定动态元素的click事件
- jquery 绑定click事件
- jquery click事件绑定
- click绑定事件介绍
- vue绑定click事件
- JQuery绑定click事件
- 动态生成的html绑定click事件没有效果不执行 click事件重复绑定问题
- 简单环形队列实现
- 【iOS】键盘的相关设置(UITextfield)
- Android环境配置
- JAVA之Socket编程(技术总结)
- 解决Ubuntu12.04安装AndroidStudio报"No JDK found."的bug
- [扩展]EasyUI给dialog的buttons绑定click事件
- [c] 练习题
- Python中 L 的意思
- Python变量类型
- 如何分配变量到指定的地址
- 关于 @synchronized
- pop到指定页面
- viewcontroller页面间传值的几种方法
- C++动态链接库(DLL)编程深入浅出(zz)