MultiView Control is a same as Tab Control
MultiView Control is a Container of Several View Control.
MultiView Control is a very useful Control in ASP.Net.
Using this control we can feel the multiple page view on a single page.
MultiView Control helps us to create different view on single web page.
MultiView is an Asp.Net Web Server Control.
View Control is also an Asp.Net Web Server Control.
View Control always be contained within MultiView Control.
Only one View can be defined as Active View in MultiView.
MultiView ActiveViewIndex Property specify the Active View within view Collections of a MultiView.
MultiView Contain Multiple View Inside.
View Contain Multiple Controls Inside.
At a Time Only One View Display.
DEMO
HTML CODING
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button2" runat="server" Text="Register" OnClick="Button2_Click" />
<asp:Button ID="Button1" runat="server" Text="Login" OnClick="Button1_Click" />
<asp:Button ID="Button3" runat="server" Text="View" OnClick="Button3_Click" />
<br />
<br />
<asp:MultiView ID="MultiView1" runat="server">
<br />
<asp:View ID="RegisterView" runat="server">
<table><tr><td>
<asp:Label ID="Label1" runat="server" Text="Username"></asp:Label>
</td><td>
<asp:TextBox ID="txtUsername" runat="server"></asp:TextBox>
</td></tr>
<tr><td>
<asp:Label ID="Label2" runat="server" Text="Password"></asp:Label>
</td><td>
<asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
</td></tr>
<tr><td colspan="2">
<asp:Button ID="Button4" runat="server" Text="Register" OnClick="Button4_Click" />
</td></tr>
</table>
</asp:View>
<asp:View ID="LoginView" runat="server">
<table><tr><td>
<asp:Label ID="Label3" runat="server" Text="Username"></asp:Label>
</td><td>
<asp:TextBox ID="txtUsernameLogin" runat="server"></asp:TextBox>
</td></tr>
<tr><td>
<asp:Label ID="Label4" runat="server" Text="Password"></asp:Label>
</td><td>
<asp:TextBox ID="txtPasswordLogin" runat="server"></asp:TextBox>
</td></tr>
<tr><td colspan="2">
<asp:Button ID="Button5" runat="server" OnClick="Button5_Click" Text="Login" />
</td></tr>
</table>
</asp:View>
<br />
<asp:View ID="DisplayView" runat="server">
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
</asp:View>
</asp:MultiView>
<br />
<br />
<br />
</div>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
public partial class MultiView : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button4_Click(object sender, EventArgs e)
{
//
Registeration
SqlConnection con = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["dbcon"].ToString());
con.Open();
SqlCommand cmd = new SqlCommand("insert into register
values('"+txtUsername.Text+"','"+txtPassword.Text+"')",con);
cmd.ExecuteNonQuery();
Response.Write("<script>alert('Data
Registered')</script>");
}
protected void Button5_Click(object sender, EventArgs e)
{
// Login
SqlConnection con = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["dbcon"].ToString());
con.Open();
SqlCommand cmd = new SqlCommand
("select
username,password from register where username='"+txtUsernameLogin.Text+"'
and password='"+txtPasswordLogin.Text+"'",con);
SqlDataReader rd = cmd.ExecuteReader();
if (rd.Read())
{
Response.Write("<script>alert('Login
Successful')</script>");
}
}
protected void Button3_Click(object sender, EventArgs e)
{
//Call
Display View Index
MultiView1.ActiveViewIndex = 2;
//
Display GridView
SqlConnection con = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["dbcon"].ToString());
con.Open();
SqlCommand cmd = new SqlCommand("select * from
register", con);
SqlDataAdapter adp = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
adp.Fill(ds);
SqlDataReader rd = cmd.ExecuteReader();
if (rd.Read())
{
GridView1.DataSource = ds;
GridView1.DataBind();
}
}
protected void Button2_Click(object sender, EventArgs e)
{
//Call
Registeration View Index
MultiView1.ActiveViewIndex = 0;
}
protected void Button1_Click(object sender, EventArgs e)
{
//Call
Login View Index
MultiView1.ActiveViewIndex = 1;
}
}
First - Add New Web Form - Select Buttons & MultiView & Views From ToolBox
Next - Add Registeration Form Within View1
Next -Add Login Form Within View2
Next - Add GridView Within View3 For Display
Next - Double Click - Registration Button
Register the Username & Password
Next - Login Button Double Click
Login Condition Check From Register Table
Next - View Button Double Click
Bind The All Data To GridView
Next - Double Click - Register Button & Other Buttons
Call The View Index For All Buttons
Next - Run [F5] - The Program - Click Button Related View Display & Give Condition Access View.
.gif)
0 comments:
Post a Comment