如何检查asp.net中的活动选项卡 [英] How to check the active tab in asp.net
问题描述
Hai我在第一个标签中使用ajax标签控件我有客户端详细信息和第二个标签我有员工详细信息,我有一个保存按钮...我如何检查标签(客户端或员工)必须保存数据尊重下表是我的代码
Hai i am using ajax tab control in first tab i have client details and second tab i have employee details and i have one save button ... How can i check the tab (client or Employee) have to save the data respected table below is my code
<form runat="server" id="changepass">
<ajax:ToolkitScriptManager ID="scriptmanager1" runat="server">
<div class="form-horizontal">
<div class="row-fluid">
<div class="span12">
<h3 class="page-title">
Add Details <small></small>
</h3>
<ul class="breadcrumb">
<li><a href="">Add Details</a> <span class="icon-angle-right">
</span></li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="portlet box blue" id="form_wizard_1">
<div class="portlet-title">
<div class="caption">
Add Details<span class="step-title"></span>
</div>
<div class="tools hidden-phone">
<a href="java<!-- no -->script:;" class="collapse"></a><a href="#portlet-config" data-toggle="modal">
class="config"></a><a href="java<!-- no -->script:;" class="reload"></a><a href="java<!-- no -->script:;">
class="remove"></a>
</div>
</div>
<div class="form-wizard portlet-body form">
<div class="portlet-body form">
<form action="#" class="form-horizontal" id="submit_form">
<div class="form-wizard">
<ajax:TabContainer ID="TabContainer1" runat="server">
<ajax:TabPanel ID="tabclient" runat="server">
<HeaderTemplate>
Client</HeaderTemplate>
<contenttemplate>
<asp:Panel ID="UserReg" runat="server">
<div class="tab-pane active " id="tab1">
<h3 class="form-section">
Client Details
</h3>
<div runat="server" id="MSError" class="alert alert-error hide">
<button class="close" data-dismiss="alert">
</button>
You have some form errors. Please check below.
</div>
<div runat="server" id="DataError" class="alert alert-error hide">
<button class="close" data-dismiss="alert">
</button>
<asp:Label ID="Errorlbl" runat="server" Text="Label"></contenttemplate></div>
<div id="Success" runat="server" class="alert alert-success hide">
<button class="close" data-dismiss="alert">
</button>
Order Item are Successfully!!!
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Client Id <span class="required">*</span></label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtClientId" class="m-wrap medium" runat="server"><span>
class="help-inline"></span></div>
</div>
</div>
<div class="span6 ">
<div class="control-group ">
<label class="control-label" style="text-align: left">
Client Name
</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtClientName" class="m-wrap medium" runat="server"><span>
class="help-inline"></span></div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Status</label>
<div class="controls" style="margin-removed 1px">
<asp:DropDownList ID="ddrlclientststus" runat="server" class="m-wrap medium">
<asp:ListItem Value="">--Select--
<asp:ListItem Value="1">Open
<asp:ListItem Value="2">Closed
<span class="help-block"></span>
</div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Admin
</label>
<div class="controls" style="margin-removed 1px">
<asp:DropDownList ID="ddlisadmin" runat="server" class="m-wrap medium">
<asp:ListItem Value="" >--Select--
<asp:ListItem Value="1">Yes
<asp:ListItem Value="2">No
<span class="help-block"></span>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Login ID
</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtClientUserID" class="m-wrap medium" runat="server" Width="165px"><span>
class="help-block"></span></div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Password</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtPassWord" class="m-wrap medium" runat="server" Width="165px"
TextMode="Password"><span class="help-block"></span></div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
E-Mail ID
</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtMailId" class="m-wrap medium" runat="server" Width="165px"><span>
class="help-block"></span></div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Reported Name</label>
<div class="controls" style="margin-removed 1px">
<asp:DropDownList ID="ddlConsID" runat="server" class="m-wrap medium">
<asp:ListItem Value="">--Select--
<span class="help-block"></span>
</div>
</div>
</div>
</div>
</div>
<%-- <asp:Panel runat="server" ID="PanelOrder">
<div class="form-actions clearfix">
<div style="margin-removed 245px;">
<asp:Button ID="submit" runat="server" Text="Save" class="btn blue button-next" /></div>
</div>
--%>
<ajax:TabPanel ID="tabpanelEmp" runat="server">
<HeaderTemplate>
Employee</HeaderTemplate>
<contenttemplate>
<asp:Panel ID="Panel1" runat="server">
<div id="tab_2_3" class="tab-pane ">
<h3 class="form-section">
Employee Details
</h3>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
User ID
</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="consid" class="m-wrap medium" runat="server" Width="165px"><span>
class="help-block"></span></div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
User Name</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtUserName" class="m-wrap medium" runat="server" Width="165px"><span>
class="help-block"></span></div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Password
</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtUserPassword" class="m-wrap medium" runat="server" Width="165px"
TextMode="Password"><span class="help-block"></span></div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Admin</label>
<div class="controls" style="margin-removed 1px">
<asp:DropDownList ID="ddluseradmin" runat="server" class="m-wrap medium">
<asp:ListItem Value="">--Select--
<asp:ListItem Value="1">Yes
<asp:ListItem Value="2">No
<span class="help-block"></span>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
User Type
</label>
<div class="controls" style="margin-removed 1px">
<asp:DropDownList ID="ddlusertype" runat="server" class="m-wrap medium">
<asp:ListItem Value="">--Select--
<asp:ListItem Value="1" Selected="True">User
<asp:ListItem Value="2">Client
<span class="help-block"></span>
</div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Userlevel</label>
<div class="controls" style="margin-removed 1px">
<asp:DropDownList ID="ddlUserlevel" runat="server" class="m-wrap medium">
<asp:ListItem Value="">--Select--
<asp:ListItem Value="1">l1
<asp:ListItem Value="2">l2
<asp:ListItem Value="3">l3
<span class="help-block"></span>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
E-Mail ID
</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtmail" class="m-wrap medium" runat="server" Width="165px"><span>
class="help-block"></span></div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Mobile</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtMobileNo" class="m-wrap medium" runat="server" Width="165px"><span>
class="help-block"></span></div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Reported Name
</label>
<div class="controls" style="margin-removed 1px">
<asp:DropDownList ID="ddlreported" runat="server" class="m-wrap medium">
<span class="help-block"></span>
</div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Reported Mail</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtEscMail" class="m-wrap medium" runat="server" Width="165px"><span>
class="help-block"></span></div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Employee ID
</label>
<div class="controls" style="margin-removed 1px">
<asp:TextBox ID="txtemplID" class="m-wrap medium" runat="server" Width="165px"><span>
class="help-block"></span></div>
</div>
</div>
<div class="span6 ">
<div class="control-group">
<label class="control-label" style="text-align: left">
Status</label>
<div class="controls" style="margin-removed 1px">
<asp:DropDownList ID="ddlStatus" runat="server" class="m-wrap medium">
<asp:ListItem Value="">--Select--
<asp:ListItem Value="1">Open
<asp:ListItem Value="2">Closed
<span class="help-block"></span>
</div>
</div>
</div>
</div>
</div>
</contenttemplate>
<asp:Panel runat="server" ID="Panel2">
<div class="form-actions clearfix">
<div style="margin-removed 245px;">
<asp:Button ID="Button1" runat="server" Text="Save" class="btn blue button-next" /></div>
</div>
</div>
</form>
</div>
</div>
</div>
</form>
推荐答案
You should be able to accomplish this with a hidden field and a javascript function to update the hidden field that is bound to the OnClientActiveTabChanged event in the TabContainer.
You should be able to accomplish this with a hidden field and a javascript function to update the hidden field that is bound to the OnClientActiveTabChanged event in the TabContainer.
OnClientActiveTabChanged - The name of a javascript function to attach to the client-side tabChanged event
OnClientActiveTabChanged - The name of a javascript function to attach to the client-side tabChanged event
http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/tabs/tabs.aspx [^]
So basically have add a hidden field to your page; write a javascript function that will update that with a predetermined value based on the tab clicked; then when they submit the form you will know which tab they are on when they submitted the form.
Make sense?
http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/tabs/tabs.aspx[^]
So basically have add a hidden field to your page; write a javascript function that will update that with a predetermined value based on the tab clicked; then when they submit the form you will know which tab they are on when they submitted the form.
Make sense?
这篇关于如何检查asp.net中的活动选项卡的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!