<script language="javascript" type="text/javascript"> function Open_Dialog() { $('#mydialog').show(); $('#mydialog').dialog({ collapsible: true, minimizable: true, maximizable: true, toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function() { alert('添加数据') } },{ text: '保存', iconCls: 'icon-save', handler: function() { alert('保存数据') } }], buttons: [{ text: '提交', iconCls: 'icon-ok', handler: function() { alert('提交数据'); } }, { text: '取消', handler: function() { $('#mydialog').dialog('取消'); } }] }); } </script>

<span onclick="Open_Dialog()">弹框</span> <div id="mydialog" style="display:none;padding:5px;width:400px;height:200px;" title="弹框练习"> <input id="txRoleID" type="hidden" runat="server" value="0" /> <label class="lbInfo">角色名称：</label> <input id="txRolename" type="text" class="easyui-validatebox" required="true" runat="server" /><br /> <label class="lbInfo"> </label><input type="submit" onserverclick="saveRole" value="保存" runat="server" /> <label id="lbmsg" runat="server"></label> </div>