How To Use MultiView And View Control in Asp.Net

MultiView Control


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>


                        C# CODING

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.











0 comments:

Post a Comment