dialog，弹出对话框实例

来源：互联网发布：淘宝自定义装修教程编辑：程序博客网时间：2024/05/22 14:52

弹出对话框，特别是有输入项的对话框

初始化：”

<div id="regDialog" style="width:250px;display: none;padding: 5px;" align="center"><form id="regForm" method="post"><table class="tableForm"><tr><th>登录名</th><td><input name="name" class="easyui-validatebox" required="true" /></td></tr><tr><th>密码</th><td><input name="password" type="password" class="easyui-validatebox" required="true" /></td></tr><tr><th>重复密码</th><td><input name="rePassword" type="password" class="easyui-validatebox" required="true" validType="eqPassword['#regForm input[name=password]']" /></td></tr></table></form></div>

loginComboboxName = $('#loginComboboxName').show().combobox({required : true,url : 'userController.do?loginCombobox',textField : 'name',valueField : 'name',mode : 'remote',panelHeight : 'auto',delay : 500,value : ''});

按钮事件：

loginAndRegDialog = $('#loginAndRegDialog').show().dialog({modal : true,title : '系统登录',closable : false,buttons : [ {id : 'btnReg',text : '注册',handler : function() {regDialog.dialog('open');}}, {id : 'btnLogin',text : '登录',handler : function() {var tab = loginTabs.tabs('getSelected');var f = tab.find('form');f.submit();}} ]});

0 0