主页面 <a class="button" id="J_openDialog" href="/jsp/ballsBoy/bussiness/add.jsp" onclick="javascript:void(0);">添加</a>
js $(this).find('#J_openDialog').click($.onKindEditor);绑定事件
打开窗口
$.onKindEditor = function() {
var dialogTitle = this.title ? this.title : $(this).html();
$('#indicator').show();
$.get(this.href,function(htmlData) {
$('#indicator').hide();
htmlData = "<div>" + htmlData + "</div>"
var dialogInnerHtml = $(htmlData).find('form');
var dialogWidth = dialogInnerHtml.attr('width')? dialogInnerHtml.attr('width'):'auto';
var dialogHeight = dialogInnerHtml.attr('height')? dialogInnerHtml.attr('height'):'auto';
var dialogTop = dialogInnerHtml.attr('top')? dialogInnerHtml.attr('top'):'auto';
var dialog = $.openKindDialog(dialogTitle,htmlData,dialogWidth,dialogHeight,dialogTop);
if(!opens)
opens=dialog;
dialog.enhanceUIElements();
});
return false;
}
$.openKindDialog = function(title,htmlData,width,height,top,left) {
var dialogDiv = '<div class="common-form"></div>';
var dialogInstance = $(dialogDiv).appendTo($(document)).dialog({
modal: false,
title: title,
height: height,
width: width,
minWidth:250,
minHeight:150,
autoOpen :false,
resizable:false,
show: 'scale',
hide: 'scale',
// 修改对话框弹出位置
position: ['auto', parseInt(top)],
close: function(){
dialogInstance.dialog('destroy');
dialogInstance.remove();
}
});
dialogInstance.append(htmlData);
dialogInstance.find('.btn-cancel').click(function(){
dialogInstance.dialog('close');
});
return dialogInstance;
}
打开页面初始化editor
<script>
$('#J_editorDialog').dialog({
title : '商务信息',
width : 700,
open : function(event, ui) {
// 打开Dialog后创建编辑器
KindEditor.create('#kindeditor', {
resizeType : 1
});
},
beforeClose : function(event, ui) {
// 关闭Dialog前移除编辑器
KindEditor.remove('#kindeditor');
}
});
</script>