`

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 dialog和messager样式更改

    easyui dialog和messager样式更改,默认样式太丑

    easyui的combotree控件绑定json数据的例子

    在本文中,我们将深入探讨如何使用EasyUI的Combotree控件绑定JSON数据,并通过C#后台生成JSON字符串。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,其中包括Combotree,它是一个结合了下拉框和树形结构的控件,...

    Easyui使用Dialog打印

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,使得开发者能够快速构建用户界面。本文将详细探讨如何利用EasyUI的Dialog组件来展示DataGrid的内容,并实现对其内容的...

    Easyui通过Dialog打印.rar

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,用于构建用户界面。本示例聚焦于如何在EasyUI中利用Dialog组件实现内容打印功能。以下是对这个主题的详细阐述: 首先,...

    javascript实现的弹出层背景置灰-模拟(easyui dialog)

    模仿easyui dialog的效果&lt;/title&gt; [removed] //取得页面元素 var getElement = function() { return document.getElementById(arguments[0]) || false; } function openDialog(dialogId) { var maskId = ...

    easyui textbox失去焦点事件及获取文本框的内容

    我们可以通过在文本框的data-options中指定events属性来绑定blur事件,如:&lt;input class="easyui-textbox" data-options="events:{blur:getStaffno}" id="staffno"name="staffno" value="${user.staffno}"/&gt; ...

    easyui-dialog实例

    EasyUI 提供了丰富的Dialog方法,如 `open`、`close`、`refresh` 等,以及与之对应的事件,如 `onOpen`、`onClose` 等,可以用于实现更复杂的交互逻辑。例如: ```javascript $('#dlg').dialog('open'); // 打开...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    对于 `easyui-textbox`,我们通过 `onchange` 属性直接绑定了一个名为 `handleTextboxChange` 的函数,该函数会弹出一个警告框显示当前输入框的值。对于 `easyui-combobox`,我们则使用 `data-options` 属性的 `...

    easyui-combobox、combotree后台数据数据组装与前台绑定实例

    总结来说,"easyui-combobox、combotree后台数据数据组装与前台绑定实例" 主要涉及两个部分:后端 C# 数据组装成 JSON 格式,以及前端使用 EasyUI 的 Combobox 和 Combotree 组件进行数据绑定。通过这样的方式,我们...

    jQuery EasyUI Dialog拖不下来如何解决

    使用jquery easyui可以很容易的创建很炫的前台页面,最近在使用过程中发现dialog存在一个问题:  用户将dialog拖出页面后,dialog就不能拖下来了,除非要重新打开页面,这个问题对于用户体验来说是非常重要的, ...

    EasyUI textbox事件,EasyUI textbox input events

    在使用UasyUI的时候,在一般的input输入框上添加class="easyui-textbox"属性,则在该输入框上添加的事件将不起作用,但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理,它是把你原有的...

    easyui datagrid 增加鼠标悬停弹窗事件

    在EasyUI Datagrid中,我们可以利用这些事件来触发特定的行为,例如显示预览窗口。 3. **自定义Datagrid行为**: 由于EasyUI Datagrid的默认行为不包括鼠标悬停弹窗,我们需要通过修改源码或者扩展实现来添加这个...

    EasyUI的DataGrid绑定Json数据源的示例代码

    当需要在EasyUI的DataGrid中绑定Json数据源时,可以通过编写JavaScript代码实现。Json数据源是一种轻量级的数据交换格式,易于人阅读和编写,也易于机器解析和生成。在Web应用中,Json数据经常作为前后端交互的数据...

    EasyUI:基本布局&tree菜单数据的绑定&DataGrid数据查询&数据绑定&分页

    在这个主题中,我们将探讨 EasyUI 的几个核心知识点:基本布局、tree 菜单数据的绑定、DataGrid 数据查询和数据绑定以及分页功能。 首先,我们来看 EasyUI 的基本布局。EasyUI 提供了一套灵活的布局系统,允许...

    Easyui使用Dialog行内按钮布局的实例

    * 设置Dialog控件的按钮:使用buttons属性设置对话框的按钮。 * 设置Dialog控件的内容:使用content属性设置对话框的内容。 * 显示Dialog控件:使用show方法显示对话框。 * 隐藏Dialog控件:使用hide方法隐藏对话框...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    2. 在父页面中,通过`$.dialog`或`$.window`方法打开子页面,可以设置一些参数,如宽度、高度、内容URL等。 例如: ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...

    easyUI ko绑定 java

    1. **EasyUI组件与Knockout.js结合**:EasyUI的控件可以绑定到Knockout的数据模型上,例如,可以将`&lt;select&gt;`的`value`属性绑定到模型的一个属性,这样在选择项改变时,模型中的数据也会自动更新。 2. **数据绑定**...

    UI的dialogr和easyui中的tab的结合使用

    &lt;div id="dialog-tabs" class="easyui-dialog" data-options="title:'我的标签页',modal:true"&gt; ``` 3. **创建Tab**:在Dialogr的容器内,我们需要创建一个Tab面板,使用`&lt;div&gt;`元素表示每个标签页,并使用EasyUI...

    jQuery前端框架easyui使用Dialog时bug处理

    通过监听window对象的scroll事件,当页面滚动时,自动调整Dialog的位置,确保Dialog在页面内容滚动后仍然位于可视区域的中心位置。具体实现方式是利用jQuery的dialog方法,并调用move方法来动态调整位置,这样Dialog...

Global site tag (gtag.js) - Google Analytics