介绍一个jQuery的Dialog插件

jQueryUI的Dialog还是可以的，关键是要对他进行二次封装。直接用不是很方便。常用的一般也就是 alert， confirm，window的模拟。

关于样式问题，jQueryUI提供了接口，可以自己改的。

好像还可以。。。

SimpleModal[ PopUp - 弹出窗 对话框 ]
SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
NyroModal[ PopUp - 弹出窗 对话框 ]
一个基于jQuery开发，非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容，改变对话框大小等。
mooMessagebox[ PopUp - 弹出窗 对话框 ]
一个可以灵活配置，采用Mootools开发的自定义Window窗体。
DHTML window with tab support[ PopUp - 弹出窗 对话框 ]
带有Tab支持的DHTML Window控件。它使用cookies来“记忆”窗体大小，位置，哪个Tab选项被选中，window堆叠顺序。
Boxy[ PopUp - 弹出窗 对话框 ]
Boxy是一个jQuery插件用于创建灵活，类似于facebook风格的Web2.0模式对话框。
jQuery Impromptu[ PopUp - 弹出窗 对话框 ]
用于创建模式对话框，确认对话框，输入内容对话框的jQuery插件。
weebox[ PopUp - 弹出窗 对话框 ]
weebox是一个基于jquery的弹窗插件
Control.Popup[ PopUp - 弹出窗 对话框 ]
弹出窗控件。
Custom JavaScript Dialog Boxes[ PopUp - 弹出窗 对话框 ]
一个轻量级（4.5kb左右） 自定义JavaScript模式对话框组件。
dhtmlxWindows[ PopUp - 弹出窗 对话框 ]
dhtmlxWindows是一个JavaScript对话框Window控件。windows可以被关闭，最大化/最小化，调整大小，置顶，拖放等。

http://www.open-lib.com/html/Type/175-1.html

jq 里的 jmpopups 也是个不错的选择

我手上正好有个项目，要在dialog里面显示一颗好几千节点的jstree，用jquery.ui.dialog要4到5秒时间，慢得像猪头一样。。。

换上楼主介个dialog终于变成毫秒级别了，感谢ing

我在列最后添加了一个操作列：

function formatCtrl(value, pid){
var v="<a class='aCtrlModify' href='#' title='修改' id='"+pid+"' >修改</a>";
return v;
}

现在碰到了一个鬼一样的问题,id值居然传递会不一样

$('.aCtrlModify').live('click',function(){//动态绑定click
var id=$(this).attr('id');//获取某个链接的id值
alert("live=="+id);//比如这里打印live==58
openDialogModify2(id);//传入的是58
return;
});

function openDialogModify2(id){//直接按链接时调用这个
$('#dialogModify2').dialog({
href:'addmodify.jsp',
onOpen:function(){
alert('id========'+id);//这里没问题，id仍是58
$.ajax({
type:'POST',
url:"user.portal?action=getInstance&id="+id,
data:'',
dataType:"text",
success: function(msg){

//....
},
error: function(msg){
alert("msg="+msg);
}
});
},
onClose:function(){
$('#dialogModify2 #form1')[0].reset();
},
closed:false,
width:320,
height:400,
showType:'fade',//'slide','fade','show'
showSpeed:400,
iconCls: 'icon-modify',
buttons:{
'\u4FEE\u6539':function(){//修改
alert('sendId='+id);//这里变了
var params=$("#dialogModify2 #form1").serialize();
$.ajax({
type: "POST",
url: "user.portal?action=modify&id="+id,//这里出现了问题，id不是58了，why？我在一个方法里传下来的 id怎么会变了？百思不得其解，有没有方法里不传入id，点击链接直接获得id的办法？就是var id=......?忘指教，谢谢
data: encodeURI(params),
dataType:"text",
success: function(msg){
if(msg=="success"){
$("#flexTable").flexReload();
$('#dialogModify2').dialog({closed:true});
}else{
$('#dialogModify2').dialog({closed:true});
alert("有错误发生,msg="+msg);
}
},
error: function(msg){
alert("msg="+msg);
}
});
},
'\u53D6\u6D88':function(){//取消
$('#dialogModify2').dialog({closed:true});
}
}
});
}

仁者见仁，智者见智，自己用的习惯，适合自己的应用就是好的，没有绝对的强大！个人认为！

又是一个模仿EXT效果的