jQuery-easyui dialog 怎么才能不被拖出页面呢

Question

我是用的jquery easyui 的页面layout布局，在右侧中央面板中 弹出的dialog可以被拖出页面，请问怎么办呢？

弹出时截图：

拖出页面后截图：

Answer 1

解决了，原来是这样：

function easyuiPanelOnMove(left, top) {
var l = left;
var t = top;
if (l < 1) {
l = 1;
}
if (t < 1) {
t = 1;
}
var width = parseInt($(this).parent().css('width')) + 14;
var height = parseInt($(this).parent().css('height')) + 14;
var right = l + width;
var buttom = t + height;
var browserWidth = $(window).width();
var browserHeight = $(window).height();
if (right > browserWidth) {
l = browserWidth - width;
}
if (buttom > browserHeight) {
t = browserHeight - height;
}
$(this).parent().css({
left : l,
top : t
});
};
$.fn.dialog.defaults.onMove = easyuiPanelOnMove;
$.fn.window.defaults.onMove = easyuiPanelOnMove;
$.fn.panel.defaults.onMove = easyuiPanelOnMove;

别人给我的答案。放在这里了