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..............')
}
});
分享到:
相关推荐
3. **EasyUI 组件**:EasyUI 提供的组件如对话框(`dialog`)、表格(`datagrid`)、下拉列表(`combobox`)等,都有相应的初始化代码。例如,创建一个简单的对话框: ```javascript $('#dlg').dialog({ title: '...
jQuery 的语法简洁明了,比如 "$()" 就是选择元素的快捷方式,".click()" 用于绑定点击事件。 ### 2. EasyUI 概述 EasyUI 是基于 jQuery 的一套 UI 框架,提供了丰富的组件和主题,可以快速构建响应式的用户界面。...
例如,`$(selector).click(function() {})`用于绑定点击事件,`$(element).hide(speed,callback)`用于隐藏元素,`$(element).append(content)`则用于向元素内部添加内容。理解并熟练掌握这些API,对于使用jQuery ...
jQuery 提供了一种简洁的语法,使得选择器、事件绑定、动画和Ajax操作变得更加容易。比如,`$("#id").click(function() {...})` 就是jQuery中的一个典型例子,它会监听ID为“id”的元素的点击事件。此外,`$("div")....
<div id="dlg" class="easyui-dialog" data-options="modal:true,closed:true,buttons:'#dlg-buttons'"> <input class="easyui-textbox" required="true" label="Name:" style="width:100%"> ``` **...
这通常涉及到jQuery的事件绑定函数,如`.on()`、`.click()`等。同时,EasyUI的组件提供了丰富的API,允许我们在运行时动态改变其属性和状态,以实现更为复杂的功能。 总结起来,通过结合jQuery和EasyUI,我们可以...
})`:通用事件绑定,支持多种事件类型。 5. **动画效果(Effects)** jQuery 可以轻松创建各种动画效果: - `.fadeIn()` 和 `.fadeOut()`:淡入淡出效果。 - `.slideToggle()`:切换元素的滑动显示/隐藏状态。 ...