ODOO模态对话框窗口拖动
年年一个大版本推进,但其前端基础库还是很古老的Bootstrap + jQuery + Underscore组合,11版本虽然对View层进行了激进的重构,也还是基于这个基架之上。同理jQuery UI交互界面库也一脉相承的延续至今,这就可以直接调用其Draggable Widget部件以最小的代价扩展原生模态对话框的拖拽功能:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
/** * author: i@renjie.me */ var Dialog = require('web.Dialog'); Dialog.include({ open: function() { var self = this; var ret = self._super.apply(self, arguments); self.$modal.draggable({handle: ".modal-header"}); return ret; }, close: function() { var self = this; if(self.$modal.draggable("instance")) { self.$modal.draggable("destroy"); } self._super.apply(self, arguments); } }); |