有朋友提出了这样一个问题:
简单能了个demo,不知道是否这个意思,可供参考:
页面body片段:
<div id="AddInfo" icon="icon-add" title="添加" style=" display:none;">
<div style=" width:460px; height:100px; font-size:12px; color:Black;">
<table style=" width:450px; height:100px; margin-left:20px; margin-top:15px;">
<tr>
<td valign="middle" style=" width:100px">名称:</td>
<td valign="middle" style=" width:370px"><input id="Name" type="text" style=" width:350px"/></td>
</tr>
<tr>
<td valign="top">描述:</td>
<td valign="middle" style=" width:370px"><textarea id="Des" rows="4" cols="10" style=" width:350px;"></textarea></td>
</tr>
</table>
</div>
</div>
js片段:
function add() {
$("#AddInfo").show();
$("#AddInfo").attr("title", "添加例子");
$("#AddInfo").dialog({
width: 500,
height: 200,
draggable: true,
resizable: false,
modal: true,
buttons:
[
{
text: '提交',
iconCls: 'icon-ok',
handler: function() {
//此处写提交按钮触发的事件
}
},
{
text: '取消',
handler: function() {
$('#AddInfo').dialog('close');
}
}
]
});
}
运行后如下图所示: