如何在修改时在侧边栏中显示弹出窗口。 [英] How to display popup in sidebar while modifications.
问题描述
我有一个侧栏，菜单和子菜单都在那里。所有子菜单都有一个注册表页面。
我的问题是：
在文本框中输入任何文本（在子菜单页面中）并突然移动到另一个菜单，那时我需要弹出你想离开这个页面是或否。
如果点击是，我们可以点击其他子菜单，没有相同的子菜单页面
注意：子菜单在旁边吧所以所有页面都与侧边栏一起显示。
我尝试了什么：
设计页面（主）
<前lang =HTML> < div class = 容器正文 >
< div class = main_container >
< span class =code-keyword>< div class = col-md-3 left_col my_leftcol menu_fixed >
< < span class =code-leadattribute> div class = left_col scroll-view >
< div 类 = clearfix > < / div >
<！ - 菜单配置文件快速信息 - >
< div class = profile clearfix > < / div >
<！ - /菜单配置文件快速信息 - >
<！ - 侧边栏菜单 - >
< div id = sidebar-menu class = main_menu_side hidden-print main_menu >
< div class = menu_section style = >
< < span class =code-leadattribute> li >
< a href = Default.aspx > 访问我们的HTML教程< / a >
< / li >
< li >
< a href = Menu2.aspx > 管理员< / a > < / li >
< li >
< a href = Default.aspx > 管理员< / a > < / li >
< li >
< a href = Menu2.aspx > 管理员< / a > < / li >
< li class = 下拉列表 >
< a href = 默认值。 aspx class = dropdown-toggle data-toggle = 下拉菜单 > AdministratorUser < b class =caret> < / a >
< ul 类 = 下拉菜单 >
< li > < a href = Menu2.aspx > 一个< / a > < / li > < br / >
< li > < < span class =code-leadattribute> a href = Default.aspx > 两个< / a > < / li > < br / >
< li > < a href = Menu2.aspx > 三个< / a > < / li > < br / >
< / li >
< / ul >
< / div >
< / div >
< ;！ - /侧边栏菜单 - >
<！ - / menu footer buttons - >
<！ - /菜单页脚按钮 - >
< / div >
< / div >
< / div >
< / div >
子菜单1的样本寄存器表格（对于另一个子菜单，这样）菜单）：
< table border = 0 cellpadding = 0 cellspacing = 0 >
< tr >
< th < span class =code-attribute> colspan = 3 >
注册
< / th >
< / tr >
< tr >
< td >
用户名
< / td >
< td >
< asp：TextBox ID = txtUsername runat = < span class =code-keyword> server / >
< / td >
< td >
< asp：RequiredFieldValidator ID = RequiredFieldValidator1
< span class =code-attribute> runat = server / >
< / td >
< / tr >
< span class =code-keyword>< tr >
< td >
密码
< / td >
< td >
< asp：TextBox ID = txtPassword runat = 服务器 TextMode = 密码 / >
< / td >
< td >
< asp：RequiredFieldValidator ID = RequiredFieldValidator2 ErrorMessage = 必需 ForeColor = 红色 ControlToValidate = txtPassword
runat = server / >
< / td < span class =code-keyword>>
< / tr >
< tr >
< td >
确认密码
< / td >
< td >
< asp：TextBox ID = txtConfirmPassword runat = server TextMode = 密码 / >
< / td >
< td >
< asp：CompareValidator ID = CompareValidator1 ErrorMessage = 密码不匹配。 ForeColor = 红色 ControlToCompare = txtPassword
ControlToValidate = txtConfirmPassword runat = 服务器 / >
< / td >
< / tr >
< tr >
< < span class =code-leadattribute> td >
E mail
< / td >
< td >
< asp：TextBox ID = txtEmail runat = server / >
< / td >
< td >
< asp：RequiredFieldValidator ID = RequiredFieldValidator3 ErrorMessage = 必需 显示 = 动态 ForeColor = 红色
< span class =code-attribute> ControlToValidate = txtEmail runat = server < span class =code-attribute> / >
< asp：Regul arExpressionValidator ID = RegularExpressionValidator1 runat = server 显示 = 动态 ValidationExpression = \ w +（[ - + 。'] \w +）* @ \ w +（[ - 。] \ w +）* \.\ w +（[ - 。] \ w +）*
ControlToValidate=\"txtEmail\" ForeColor=\"Red\" ErrorMessage=\"Invalid email address.\" /&g t;
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:Button ID=\"Button1\" Text=\"Submit\" runat=\"server\" />
</td>
<td>
</td>
</tr >
</table>quite an interesting problem. Below is the pseudo code which may help you to tackle this problem
you will have to bind a jquery click event on your menu list which will check \"is any field modified in current opened form\"
(function(){
// this is click event bind
('#new1 li').on('click',function(){
// check all the inputbox in loop
I have a side bar ,menus and sub menus are there.all sub menus has one registration form page.
My question is:
when enter any text in text box(which is in sub menu page)and suddenly move to another menu,on that time i need a pop up "do you want to leave this page" yes or no.
if click yes ,we can able to click other sub menus,no means same sub menu page
Note:sub menu is in side bar so all pages displaying along with sidebar.
What I have tried:
Design page(master)
<div class="container body">
<div class="main_container">
<div class="col-md-3 left_col my_leftcol menu_fixed">
<div class="left_col scroll-view">
<div class="clearfix"></div>
<!-- menu profile quick info -->
<div class="profile clearfix"> </div>
<!-- /menu profile quick info -->
<!-- sidebar menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
<div class="menu_section" style="">
<ul id="new1" class="nav side-menu" >
<li >
<a href="Default.aspx">Visit our HTML tutorial</a>
</li>
<li >
<a href="Menu2.aspx" >Administrators</a> </li>
<li >
<a href="Default.aspx" >Administrators</a> </li>
<li >
<a href="Menu2.aspx" >Administrators</a> </li>
<li class="dropdown">
<a href="Default.aspx" class="dropdown-toggle" data-toggle="dropdown">AdministratorUser</a>
<ul class="dropdown-menu">
<li> <a href="Menu2.aspx" >one</a> </li><br />
<li> <a href="Default.aspx" >two</a> </li><br />
<li> <a href="Menu2.aspx" >three</a> </li><br />
</li>
</ul>
</div>
</div>
<!-- /sidebar menu -->
<!-- /menu footer buttons -->
<!-- /menu footer buttons -->
</div>
</div>
</div>
</div>
sample register form for sub menu1(like this for another sub menu):
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th colspan="3">
Registration
</th>
</tr>
<tr>
<td>
Username
</td>
<td>
<asp:TextBox ID="txtUsername" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ErrorMessage="Required" ForeColor="Red" ControlToValidate="txtUsername"
runat="server" />
</td>
</tr>
<tr>
<td>
Password
</td>
<td>
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" />
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" ErrorMessage="Required" ForeColor="Red" ControlToValidate="txtPassword"
runat="server" />
</td>
</tr>
<tr>
<td>
Confirm Password
</td>
<td>
<asp:TextBox ID="txtConfirmPassword" runat="server" TextMode="Password" />
</td>
<td>
<asp:CompareValidator ID="CompareValidator1" ErrorMessage="Passwords do not match." ForeColor="Red" ControlToCompare="txtPassword"
ControlToValidate="txtConfirmPassword" runat="server" />
</td>
</tr>
<tr>
<td>
Email
</td>
<td>
<asp:TextBox ID="txtEmail" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" ErrorMessage="Required" Display="Dynamic" ForeColor="Red"
ControlToValidate="txtEmail" runat="server" />
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" Display="Dynamic" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
ControlToValidate="txtEmail" ForeColor="Red" ErrorMessage="Invalid email address." />
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:Button ID="Button1" Text="Submit" runat="server" />
</td>
<td>
</td>
</tr>
</table>
解决方案 quite an interesting problem. Below is the pseudo code which may help you to tackle this problem
you will have to bind a jquery click event on your menu list which will check "is any field modified in current opened form"
(function(){
// this is click event bind
('#new1 li').on('click',function(){
// check all the inputbox in loop
这篇关于如何在修改时在侧边栏中显示弹出窗口。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
