黑马程序员技术交流社区

标题: 【上海校区】easyui-datetimebox 控件绑定双击事件实现自动选... [打印本页]

---

作者: 梦缠绕的时候    时间: 2019-9-26 08:47
标题: 【上海校区】easyui-datetimebox 控件绑定双击事件实现自动选...

本方法是在不改变原 js 的情况下，通过扩展方法来实现本目的

首先在 datetimebox 控件中扩展一个 绑定双击事件 的方法

[url=][/url]
1 $.extend($.fn.datetimebox.methods, { 2     //绑定双击事件方法 3     bindDblClick: function (jq) { 4         var panel = $(jq).combo("panel"); 5         panel.find(".calendar-dtable tbody").unbind(".calendar").bind("dblclick.calendar", function (e) { 6             var calendar = $(jq).datetimebox("calendar"); 7             var spinner = $(jq).datetimebox("spinner"); 8             var current = calendar.calendar("options").current; 9 10             var year = current.getFullYear();11             var month = current.getMonth() + 1;12             var date = current.getDate();13             var time = spinner.spinner("getValue");14 15             var datetime = year + "-" + month + "-" + date + " " + time;16 17             $(jq).datetimebox("setValue", datetime);18 19             $(jq).combo("hidePanel");20         });21     }22 });[url=][/url]

然后在 datetimebox 控件中的 onShowPanel 事件中 进行绑定双击事件

1 $.extend($.fn.datetimebox.defaults, {2     onShowPanel: function () {3         $(this).datetimebox("bindDblClick");4     }5 });

注意：上述两个 扩展必须 放在 加载 datetimebox 控件 之前。

该方法是在 easyui-1.7.0 版本的基础上 开发出来的。

---

作者: 梦缠绕的时候    时间: 2019-9-26 08:47
有任何问题欢迎在评论区留言

---

作者: 梦缠绕的时候    时间: 2019-9-26 08:47
或者添加学姐微信
DKA-2018

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2