`

EasyUI Dialog Buttons 绑定click事件

 
阅读更多
1、jsp页面定义dialog及Buttons;
<div id="win" style="padding: 5px" modal=true draggable=false class="easyui-dialog" closed=true
     data-options="
			buttons:[{
				text:'save',
			},{
				text:'close',
			}]">

2、js文件方法;

//buttons text取值!

$.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按钮方法
    $('#win').dialog('bindButtonEvents', {
        save: function () {
            console.log('hellolllllll')
        },
        close: function () {
            console.log('close..............')

        }
    });
分享到:
评论

相关推荐

    easyui main代码示例

    3. **EasyUI 组件**:EasyUI 提供的组件如对话框(`dialog`)、表格(`datagrid`)、下拉列表(`combobox`)等,都有相应的初始化代码。例如,创建一个简单的对话框: ```javascript $('#dlg').dialog({ title: '...

    jquery easyui 模板

    jQuery 的语法简洁明了,比如 "$()" 就是选择元素的快捷方式,".click()" 用于绑定点击事件。 ### 2. EasyUI 概述 EasyUI 是基于 jQuery 的一套 UI 框架,提供了丰富的组件和主题,可以快速构建响应式的用户界面。...

    jquery-easyui-1.3.4与jquery1.8 API

    例如,`$(selector).click(function() {})`用于绑定点击事件,`$(element).hide(speed,callback)`用于隐藏元素,`$(element).append(content)`则用于向元素内部添加内容。理解并熟练掌握这些API,对于使用jQuery ...

    javascript Jquery JqueryEasyUI使用大全

    jQuery 提供了一种简洁的语法,使得选择器、事件绑定、动画和Ajax操作变得更加容易。比如,`$("#id").click(function() {...})` 就是jQuery中的一个典型例子,它会监听ID为“id”的元素的点击事件。此外,`$("div")....

    jQueryEasyUi培训文档.pdf

    &lt;div id="dlg" class="easyui-dialog" data-options="modal:true,closed:true,buttons:'#dlg-buttons'"&gt; &lt;input class="easyui-textbox" required="true" label="Name:" style="width:100%"&gt; ``` **...

    Jquery_弹window窗体_esayui界面

    这通常涉及到jQuery的事件绑定函数,如`.on()`、`.click()`等。同时,EasyUI的组件提供了丰富的API,允许我们在运行时动态改变其属性和状态,以实现更为复杂的功能。 总结起来,通过结合jQuery和EasyUI,我们可以...

    jquery 使用demo

    })`:通用事件绑定,支持多种事件类型。 5. **动画效果(Effects)** jQuery 可以轻松创建各种动画效果: - `.fadeIn()` 和 `.fadeOut()`:淡入淡出效果。 - `.slideToggle()`:切换元素的滑动显示/隐藏状态。 ...

Global site tag (gtag.js) - Google Analytics