关于新增弹出窗口的两种JS代码写法

方法一：
JSP：画出新增窗口，新增时的基本信息。但是不带起脚按钮的
JS：jQuery(document).ready(function() {
$("#editor").hide();//首先隐藏，新增窗口
         $("#btn_add").click(showAddWindow);//初始化新增按钮
//初始化窗口
       $("#editor").dialog( {//创建一个窗口
autoOpen : false,
height : 400,
width : 400,
modal : true,
resizable : false,
close : function() {
$(this).dialog("destory");//关闭dialog
}
      });          
})
//新增方法
var showAddWindow=function(){
//设置公用窗口标题
$("#editor").dialog("option", "title", "新增窗口");
//重置form表单
$("#editor-form").resetForm();
//弹出新建窗口之前先清除错误信息
$("input.error").removeClass("error");
    $("label.error").css("display", "none");
//设置公用form中按钮的操作
$("#editor").dialog("option", "buttons", [ {
text : "提交",
id : "btn_submit",
click : function() {
$("#editor-form").ajaxSubmit( {
url : $.WEB_ROOT + '/aip/example/add.do',
beforeSubmit: function(arr, $form, options) {
return $("#editor-form").validate().form();
},
success: function(data,statusText){
if(data['success']){
$.alert('新增成功','提示',function() {
$( this ).dialog( "close" );
$("#editor").dialog("close");
$("#list").jqGrid().trigger("reloadGrid");//刷新Gride
});
}else{
$.alert('新增失败');
}
}
});
}
}, {
text : "取消",
click : function() {
$("#editor-form").resetForm();
$("#editor").dialog("close");
}
} ]);
$("#editor").dialog("open");//弹出窗口
}

}










方法二：
JSP：画出新增的基本DIv信息。但是带保存、发表、修改发表、取消等按钮。点击这些按钮时直接跳转JS里的方法
JS：
//提交方法
var submitArticle=function(type){
if (ue.getContent() == '') {
$.alert('请输入博文内容！');
ue.focus();
return;
}
$("#content_hidden").val(ue.getContent());
$("#editor-form").ajaxSubmit( {
url : $.WEB_ROOT + '/aip/blog/submitArticle.do?type='+type,
beforeSubmit: function(arr, $form, options) {
    return $("#editor-form").validate().form();
},
success: function(data,statusText){
$("#editor").parent().mask("操作正在执行中...");
if(data['success']){
$.alert('编辑成功','提示',function() {
$("#editor").parent().unmask();
page('','');
$('#article_type').empty();
$('#query_article_by_date').empty();
initQueryList();
});
}else{
$.alert('编辑失败');
$("#editor").parent().unmask();
}
}
});
}


//新增方法：JSP页面定义好了新增按钮的方法跳转。
var showAddWin=function(){
$("#editor-form").resetForm();
$('#articleTable').hide();
ue.setContent('');
$("#btn_pubed").hide();
$('#lableTable').hide();
$('#id').removeAttr('value');
$('#userId').val(id);
$('#btn_save').show();
$('#btn_pub').show();
$("#editor").show();
}