Tuesday, 22 November 2016

HOW TO DEPLOY ASP .NET WEBSITE IN A LOCAL COMPUTER USING IIS(7).

Step 1:  Install the IIS setup in your local computer. Double click the file named ”inetmgr.exe “.

Here is the link:

32 Bit OS:


64 Bit OS:


All :


             Install IIS in your local system .While installing its showing some Framework console error.


 (Note: So follow below steps).

Step 2 : Now  Turn on the windows featues and install the IIS in your local computer .

          To learn how to enable IIS and the required IIS components on Windows 7,8/8.1, see the instructions below.
  1. Open Control Panel and click Programs and Features > Turn Windows features on or off.
  2. Enable Internet Information Services.
  3. Expand the Internet Information Services feature and verify that the web server components listed below are enabled.
  4. Click OK.

Required IIS components
          The IIS components listed below satisfy the minimum requirements to run the Web Adaptor. If other IIS components are enabled, they do not need to be removed.
  • Web Management Tools
    • IIS 6 Management Compatibility
      • IIS Metabase and IIS 6 configuration compatibility
    • IIS Management Console
    • IIS Management Scripts and Tools
    • IIS Management Service
  • World Wide Web Services
    • Application Development Features
      • .NET Extensibility 4.5
      • ASP.NET 4.5
      • ISAPI Extensions
      • ISAPI Filters
    • Common HTTP Features
      • Default Document
      • Static Content
    • Security
      • Basic Authentication
      • Request Filtering
      • Windows Authentication.
Step 3 :After installing IIS you need to install Framework 4.0 for running purpose in a website.

       1.run the command prompt as administrator
       2.type the line in the command prompt below any one

      %windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_regiis.exe -i

                                                      or

     %windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_regiis.exe -i

      dont change the directory of cmd.



Step 4 :Then create a folder in exact location.

C:\inetpub\wwwroot\your folder name.

Step 5 :Open your website in Visual Studio.

1.Right click the website “ Publish Web Site”.

2. Select the physical path ” C:\inetpub\wwwroot\your folder name.”

Step 6 :Now open the IIS (or) Internet Information Services (IIS) Manager.

1. In Run command enter the keyword “inetmgr”.

2. Control Panel\All Control Panel Items\Administrative Tools\ Internet Information Services (IIS) Manager.




3.Right click the Sites à Add Web Site.Enter details like below image.



4. Select the default web page .Like name it “ Default.aspx”.




5.Set the Application Pool in Framework 2.0 into Framework 4.0.Enter the name it shows the ok button.


6.After adding the website .Now Right click the websiteà Manage the website à Advance Settings.


7 .Select the Framework 4.0.


8 .Now right click the website à manage web site àbrowse the website .Enjoy the website.

Sample Website with table structure :
Download below link :


Monday, 14 November 2016

Dynamic News and Events Displaying in the Website using Marquee for Home page: 

Setp 1: (Note : Mysql database ):

  Create a new database Named "jk" and table "newsevents".

Here is the commands used for Mysql database:-

Show databases;

Create database jk;

Use jk;

create table newsevents(sno int primary key auto_increment,date varchar(75), time varchar(75), venue varchar(200), topic varchar(500), takenby varchar(100), createdat varchar(50), createdby    varchar(100), createdon date, ractive     varchar(1));

Select * from newsevents;

Setp 2:Create the new empty web site for Visual Studio.


Add the new items .Empty web form.Rename it ''dynamiceventz.aspx" with Master Page.


Here is the snippets for entire page.

Aspx Page:

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="dynamiceventz.aspx.cs" Inherits="dynamiceventz" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
   <br />
    <br />
    <br />  
    <div id="dv" runat="server" style="border:solid ; background-color:aqua; width: 337px; height: 186px;">
       <div style="height: 183px; width: 341px" >
        <marquee scrolldelay="300" direction="up"  onmouseover='this.stop();'
                    onmouseout="this.start();" style="height: 181px; width: 341px">
             <asp:Label ID="news" runat="server" Font-Bold="true" Text="Events">

             </asp:Label></marquee>
            </div>
   
       </div>
        <br />
        <div>
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Newsevents.aspx">Add New Events</asp:HyperLink>
             
        </div>
</asp:Content>



Screen Shot:

C# Page:

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 MySql.Data.MySqlClient;
using System.Configuration;
using System.Globalization;

public partial class dynamiceventz : System.Web.UI.Page
{
    MySqlConnection Conn = new MySqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["constring"].ConnectionString);

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
         
            FillNews();
        }

    }
    private void FillNews()
    {
        string Date = null;
        string mdate = "";
        
        Conn.Open();
        MySqlCommand cm = new MySqlCommand("select count(*) from newsevents", Conn);
        int co = Convert.ToInt32(cm.ExecuteScalar());
        if (co == 0)
        {
            mdate = "Events Updating in Progress";
            news.Text = mdate;
            Conn.Close();
        }
        else
        {
            

            String strQuery = "select date,time,venue,topic,takenby from newsevents";
            MySqlCommand cmdd = new MySqlCommand(strQuery, Conn);
            MySqlDataAdapter daa = new MySqlDataAdapter(cmdd);
            DataSet dss = new DataSet();
            daa.Fill(dss);

           
            foreach (DataRow row in dss.Tables[0].Rows)
            {
                string breakTag = "<br>";
            
                Date = "DATE:" + row["date"].ToString() + breakTag +
                        "TIME:" + row["time"].ToString() + breakTag +
                        "VENUE: " + row["Venue"].ToString() + breakTag +
                        "TOPIC:" + row["topic"].ToString() + breakTag + 
                        "TAKEN BY:" + row["takenby"].ToString() + breakTag;

            
                mdate = mdate + breakTag + Date;
            }

            news.Text = mdate;


        }
        Conn.Close();
    }

}


Setp 3:Add another new empty web page.


Add the new items .Empty web form.Rename it ''Newsevn" with Master Page.


Here is the snippets for entire page.

Aspx Page:

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Newsevents.aspx.cs" Inherits="Newsevents" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

     <link href="custom-scrollbars.css" rel="stylesheet" type="text/css" />
    <link href="NewContainer.css" rel="stylesheet" type="text/css" />
       <style type="text/css">
        #cssmenu {
  float: left;
  width: 100%;
  font-size: 93%;
  line-height: normal;
  border-bottom: 4px solid #696865;
    background-color: #f2f2f2;
}
#cssmenu ul {
font-family: Arial, Verdana;
            font-size: 14px;
            margin: 0;
            padding: 0;
            list-style: none;
}
#cssmenu li {
 display: block;
            position: relative;
            float: left;
}
#cssmenu a {
  float: left;
  background-color:#f2f2f2;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
}
#cssmenu a span 
{
    color:#F7F7F3;
            padding:0.55em 2.95em;    
            margin-right:0.01em;
            border-radius:6px 6px 0 0;
  float: left;
  display: block;
  background-color: #696865;
  height: 15px;
  color: white;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#cssmenu a span {
  float: none;
}
/* End IE5-Mac hack */
#cssmenu .active a span,
#cssmenu a:hover span {
  color: #FFFFFF;
  background-color:#2798B0;
}
#cssmenu .active a,
#cssmenu a:hover {
  background-position: 0 -10px;
}
#cssmenu .active a span,
#cssmenu a:hover span {
  background-position: 100% -10px;
}
        :focus
        {
            background-color:Silver;
        }
            .label_Font
       {
           font-family:verdana,tahoma,helvetica;
           font-size:14px;
           color:Black;
       }
            .label_Font1
        .Aabel_Font
       {
           font-family:verdana,tahoma,helvetica;
           font-size:14px;
           color:Black;
       }
        .style1
        {
            width: 100%;
        }
        .txt
        {
            border: 1px solid #000000;
             text-transform:uppercase;
            }
            
          .buttonnew
        {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradie nt(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: #336699;
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 17px;
   text-decoration: none;
   vertical-align: middle;
    text-align: center;
}
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
.myButton {
background-color:#44c767;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
background-color:#5cbf2a;
}
.myButton:active {
position:relative;
top:1px;
}      
        
        .style10
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 14px;
            color: Black;
            width: 191px;
        }
        .style12
        {
        }
        .style13
        {
            height: 410px;
        }
        .style14
        {
        }
        .style16
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 14px;
            color: Black;
            width: 141px;
        }
        .style17
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 14px;
            color: Black;
            width: 52px;
        }
        .style20
        {
            width: 52px;
        }
        .style22
        {
            width: 192px;
        }
        .style24
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 14px;
            color: Black;
            width: 683px;
        }
        .style25
        {
            width: 683px;
        }
                
        .style33
        {
            width: 181px;
        }
        .style34
        {
            width: 185px;
        }
                        
        .style41
        {
            width: 240px;
            height: 46px;
        }
        .style43
        {
            width: 88px;
            height: 30px;
        }
        .style44
        {
            width: 23px;
            height: 46px;
        }
        .style45
        {
            height: 46px;
        }
        .style46
        {
            width: 88px;
            height: 46px;
        }
        .style48
        {
            width: 240px;
            height: 51px;
        }
        .style50
        {
            width: 88px;
            height: 51px;
        }
        .style51
        {
            width: 23px;
            height: 51px;
        }
        .style55
        {
            width: 88px;
            height: 45px;
        }
        .style56
        {
            width: 23px;
            height: 45px;
        }
        .style57
        {
            height: 45px;
        }
        .style58
        {
            width: 387px;
            height: 47px;
        }
        .style60
        {
            width: 145px;
            height: 47px;
        }
        .style61
        {
            width: 88px;
            height: 47px;
        }
        .style62
        {
            width: 23px;
            height: 47px;
        }
        .style63
        {
            height: 47px;
        }
                
        .style64
        {
            width: 240px;
            height: 47px;
        }
                
        .style65
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 14px;
            color: Black;
            height: 45px;
        }
                
           .auto-style1 {
               height: 46px;
               width: 107px;
           }
           .auto-style2 {
               height: 47px;
               width: 107px;
           }
                
           .auto-style3 {
               width: 241px;
               height: 51px;
           }
           .auto-style4 {
               width: 241px;
               height: 46px;
           }
           .auto-style5 {
               height: 47px;
           }
                
           .auto-style7 {
               width: 241px;
               height: 49px;
           }
           .auto-style9 {
               width: 23px;
               height: 49px;
           }
           .auto-style10 {
               height: 49px;
               width: 107px;
           }
                
           .auto-style26 {
               width: 436px;
               height: 47px;
           }
                
           .auto-style33 {
               width: 436px;
           }
           .auto-style34 {
               font-family: verdana,tahoma,helvetica;
               font-size: 14px;
               color: Black;
               width: 436px;
           }
           .auto-style36 {
               width: 436px;
               height: 51px;
           }
                
           .auto-style37 {
               width: 211px;
           }
                
           </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:ToolkitScriptManager ID="tools" runat="server"></asp:ToolkitScriptManager>

    <div style="height:auto; background-color :#f2f2f2; margin-top:20px;">

    <br />
        <asp:Panel ID="pregpanel" runat="server" ForeColor ="Black" Font-Size ="21px" BackColor="#f2f2f2" Width ="1150px" Height="40PX">
<center><b>&nbsp;NEWS &amp; EVENTS</b></center>
</asp:Panel>
<asp:UpdatePanel ID="updates" runat="server">
<ContentTemplate>
    <div align="left">
                <asp:TabContainer ID="TabContainer1" runat="server" Width="1150px" 
          BackColor="#f2f2f2" CssClass="ajax__tab_red-theme" 
            style="margin-right: 0px" ActiveTabIndex="1" AutoPostBack="True">
            <asp:TabPanel ID="ta" runat="server">
            <HeaderTemplate>ADD</HeaderTemplate>
                 <ContentTemplate>
    <table style="width: 100%;">
        <tr>
            <td align="right" class="auto-style36">
                <asp:Label ID="lbldate" runat="server" CssClass="label_Font" Text="Date :"></asp:Label>
            </td>
            <td class="auto-style3" colspan="3">
                <asp:TextBox ID="txtdate" runat="server" BorderStyle="Solid" BorderWidth="1px" Height="23px" TabIndex="7" Width="209px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtdate" ErrorMessage="*" ForeColor="Red" ValidationGroup="j"></asp:RequiredFieldValidator>
            </td>
            <td class="style51"></td>
        </tr>
        <tr>
            <td align="right" class="auto-style33">
                <asp:Label ID="lbltime" runat="server" CssClass="label_Font" Text="Time :"></asp:Label>
            </td>
            <td class="auto-style7" colspan="3">
                <asp:TextBox ID="txttime" runat="server" BorderStyle="Solid" BorderWidth="1px" Height="23px" TabIndex="7" Width="209px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txttime" ErrorMessage="*" ForeColor="Red" ValidationGroup="j"></asp:RequiredFieldValidator>
            </td>
            <td class="auto-style9">
                &nbsp;</td>
            <td class="auto-style10">
                </td>
        </tr>
        <tr>
            <td align="right" class="auto-style34">
                <asp:Label ID="lblvenue" runat="server" CssClass="label_Font" Text="Venue:"></asp:Label>
&nbsp;</td>
            <td class="auto-style4" colspan="3">
                <asp:TextBox ID="txtvenue" runat="server" BorderStyle="Solid" BorderWidth="1px" Height="86px" TabIndex="7" Width="209px" TextMode="MultiLine"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtvenue" ErrorMessage="*" ForeColor="Red" ValidationGroup="j"></asp:RequiredFieldValidator>
            </td>
            <td class="style44">
                &nbsp;</td>
            <td class="auto-style1">&nbsp;</td>
        </tr>
        <tr>
            <td align="right" class="auto-style34">
                <asp:Label ID="lbltopic" runat="server" CssClass="label_Font" Text="Topic:"></asp:Label>
            </td>
            <td class="auto-style4" colspan="3">
                <asp:TextBox ID="txttopic" runat="server" BorderStyle="Solid" BorderWidth="1px" Height="113px" TabIndex="7" Width="209px" TextMode="MultiLine"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txttopic" ErrorMessage="*" ForeColor="Red" ValidationGroup="j"></asp:RequiredFieldValidator>
            </td>
            <td class="style44">&nbsp;</td>
            <td class="auto-style1">&nbsp;</td>
        </tr>
        <tr>
            <td align="right">
                <asp:Label ID="lbltakenby" runat="server" CssClass="label_Font" Text="Taken By:"></asp:Label>
                </td>
            <td align="left" colspan="3">
                <asp:TextBox ID="txttakby" runat="server" BorderStyle="Solid" BorderWidth="1px" Height="86px" TabIndex="7" TextMode="MultiLine" Width="209px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txttakby" ErrorMessage="*" ForeColor="Red" ValidationGroup="j"></asp:RequiredFieldValidator>
            </td>
            <td class="style62">
                &nbsp;</td>
            <td class="auto-style2">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style26"></td>
            <td align="center" class="auto-style37">
                <asp:Button ID="btnsubmit" runat="server" BackColor="#696865" CssClass="buttonnew" ForeColor="White" Height="31px" OnClick="btnsubmit_Click" style="font-size: medium; " TabIndex="6" Text="Submit" ValidationGroup="j" />
            </td>
            <td align="right" class="auto-style5">&nbsp;</td>
            <td align="right" class="style63">&nbsp;</td>
            <td class="style62"></td>
            <td class="auto-style2"></td>
        </tr>
    </table>
    <div>

    <table width="100%">

        <tr>
            <td>
             </td>
        </tr>
        <tr>
            <td class="style13">
                         
                <div style=" overflow:scroll; height:374px; width:97%;">
                    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#F2F2F2" BorderStyle="None" BorderWidth="1px" CellPadding="3" EmptyDataText="No records has been added"  Width="100%">
                        <Columns>
                             <asp:TemplateField>
                                                    <ItemTemplate>
                                                        <asp:UpdatePanel ID="buttonupd" runat="server">
                                                            <ContentTemplate>
                                                                <asp:Button ID="Button1" runat="server" OnClick="deleterows" Text="Delete" />
                                                            </ContentTemplate>
                                                        </asp:UpdatePanel>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                          
                            <asp:BoundField DataField="date" HeaderText="DATE">
                            <ItemStyle Width="120px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="time" HeaderText="TIME">
                            <ItemStyle Width="120px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="venue" HeaderText="VENUE">
                            <ItemStyle Width="120px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="topic" HeaderText="TOPIC">
                            <ItemStyle Width="120px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="takenby" HeaderText="TAKEN BY">
                            <ItemStyle Width="120px" />
                            </asp:BoundField>
                        </Columns>
                        <FooterStyle BackColor="White" ForeColor="#000066" />
                        <HeaderStyle BackColor="#696865" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                        <RowStyle ForeColor="#000066" />
                        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                        <SortedAscendingCellStyle BackColor="#F1F1F1" />
                        <SortedAscendingHeaderStyle BackColor="#007DBB" />
                        <SortedDescendingCellStyle BackColor="#CAC9C9" />
                        <SortedDescendingHeaderStyle BackColor="#00547E" />
                    </asp:GridView>
                </div>
                         
            </td>
        </tr>
        <tr>
            <td class="style12" align="center">
                </td>
        </tr>
        <tr>
            <td class="style12" align="center">
                &nbsp;</td>
        </tr>
       
        <tr>
            <td class="style12" align="center">
                
                <asp:Button ID="btnsave" runat="server" BackColor="#696865" CssClass="buttonnew" ForeColor="White"  style="font-size: medium; height: 32px;" TabIndex="6" Text="Save" OnClick="btnsave_Click1"  />
                <asp:Button ID="btnclear" runat="server" BackColor="#696865" CssClass="buttonnew" ForeColor="White"  style="font-size: medium; height: 32px;" TabIndex="7" Text="Clear" OnClick="btnclear_Click" />
            </td>
        </tr>
       
        </table>

</div>

                     </ContentTemplate>
                </asp:TabPanel>
                   <asp:TabPanel ID="mod" runat="server">
                        <HeaderTemplate>
                           MODIFY</HeaderTemplate>
                        <ContentTemplate>
     <asp:UpdatePanel ID="UpdatePanel2" runat="server">
             <ContentTemplate>
             <br />
 <div style="background-color:#f2f2f2";>
     <center>  <asp:Button runat="server" Text="Click To Modify Events" BackColor="#696865"  CssClass="buttonnew" ForeColor="White" Height="31px" TabIndex="6" ID="btnview" style="font-size: medium; " OnClick="btnview_Click"></asp:Button>
</center>

     </div>

     <center>
     <div id="abc" runat="server" visible="false" style="background-color:#f2f2f2; width: 1010px; height:304px;  overflow:scroll;" vis>
          <table align="center" width="600px">
              <tr>
                  <td align="center" colspan="2">&nbsp;</td>
              </tr>
              <tr>
                  <td colspan="2">
                      <asp:GridView ID="gvEmployeeDetails" runat="server" AutoGenerateColumns="false" HeaderStyle-BackColor="#4D4D4D" HeaderStyle-ForeColor="White" onrowcancelingedit="gvEmployeeDetails_RowCancelingEdit" onrowcommand="gvEmployeeDetails_RowCommand" onrowdeleting="gvEmployeeDetails_RowDeleting" onrowediting="gvEmployeeDetails_RowEditing" onrowupdating="gvEmployeeDetails_RowUpdating" ShowFooter="true" Width="853px" Height="229px">
                          <Columns>
                               <asp:TemplateField HeaderText="SNO">
                                  <ItemTemplate>
                                      <asp:Label ID="lblsno" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "sno") %>'></asp:Label>
                                    </ItemTemplate>
                                       <EditItemTemplate>
                                      <asp:Label ID="lbleditsno" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "sno") %>'></asp:Label>
                                  </EditItemTemplate>
                                  </asp:TemplateField>
                              <asp:TemplateField HeaderText="DATE">
                                  <ItemTemplate>
                                      <asp:Label ID="lbldat" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "date") %>'></asp:Label>
                                  </ItemTemplate>
                                 <EditItemTemplate>
                                      <asp:TextBox ID="txteditdat" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "date") %>'></asp:TextBox>
                                  </EditItemTemplate>
                                  <FooterTemplate>
                                      <asp:TextBox ID="txtadddat" runat="server" Width="100px"></asp:TextBox>
                                  </FooterTemplate>
                              </asp:TemplateField>
                              <asp:TemplateField HeaderText="TIME">
                                  <ItemTemplate>
                                      <asp:Label ID="lbltim" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "time") %>'></asp:Label>
                                  </ItemTemplate>
                                  <EditItemTemplate>
                                      <asp:TextBox ID="txtedittim" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "time") %>'></asp:TextBox>
                                  </EditItemTemplate>
                                  <FooterTemplate>
                                      <asp:TextBox ID="txtaddtim" runat="server" Width="150px"></asp:TextBox>
                                  </FooterTemplate>
                              </asp:TemplateField>
                              <asp:TemplateField HeaderText="VENUE">
                                  <ItemTemplate>
                                      <asp:Label ID="lblven" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "venue") %>'></asp:Label>
                                  </ItemTemplate>
                                  <EditItemTemplate>
                                      <asp:TextBox ID="txteditven" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "venue") %>'></asp:TextBox>
                                  </EditItemTemplate>
                                  <FooterTemplate>
                                      <asp:TextBox ID="txtaddven" runat="server" Width="150px"></asp:TextBox>
                                  </FooterTemplate>
                              </asp:TemplateField>
                              <asp:TemplateField HeaderText="TOPIC">
                                  <ItemTemplate>
                                      <asp:Label ID="lbltop" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "topic") %>'></asp:Label>
                                  </ItemTemplate>
                                  <EditItemTemplate>
                                      <asp:TextBox ID="txtedittop" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "topic") %>'></asp:TextBox>
                                  </EditItemTemplate>
                                  <FooterTemplate>
                                      <asp:TextBox ID="txtaddtop" runat="server" Width="150px"></asp:TextBox>
                                  </FooterTemplate>
                              </asp:TemplateField>
                             <asp:TemplateField HeaderText="TAKEN BY">
                                  <ItemTemplate>
                                      <asp:Label ID="lbltakenby" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "takenby") %>'></asp:Label>
                                  </ItemTemplate>
                                  <EditItemTemplate>
                                      <asp:TextBox ID="txtedittakenby" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "takenby") %>'></asp:TextBox>
                                  </EditItemTemplate>
                                  <FooterTemplate>
                                      <asp:TextBox ID="txtaddtakenby" runat="server" Width="150px"></asp:TextBox>
                                  </FooterTemplate>
                              </asp:TemplateField>
                              <asp:TemplateField HeaderText="UPDATE/DELETE">
                                  <ItemTemplate>
                                      <asp:ImageButton ID="imgbtnEdit" runat="server" CommandName="Edit" Height="32px" ImageUrl="~/Images/icon-edit.png" Width="32px" />
                                      <asp:ImageButton ID="imgbtnDelete" runat="server" CommandName="Delete" ImageUrl="~/Images/Delete.png" />
                                  </ItemTemplate>
                                  <EditItemTemplate>
                                      <asp:ImageButton ID="imgbtnUpdate" runat="server" CommandName="Update" ImageUrl="~/Images/icon-update.png" />
                                      <asp:ImageButton ID="imgbtnCancel" runat="server" CommandName="Cancel" ImageUrl="~/Images/icon-Cancel.png" />
                                  </EditItemTemplate>
                                  <FooterTemplate>
                                      <asp:LinkButton ID="lbtnAdd" runat="server" CommandName="ADD" Text="Add" Width="80px"></asp:LinkButton>
                                  </FooterTemplate>
                              </asp:TemplateField>
                          </Columns>
                      </asp:GridView>
                  </td>
              </tr>
          </table>
          </div>
          </center>
     
          <br />
      
  </ContentTemplate></asp:UpdatePanel>
                        </ContentTemplate>
                    </asp:TabPanel>
                    </asp:TabContainer>
     </div>  
</ContentTemplate>
 </asp:UpdatePanel>
         </div>
</asp:Content>



Screen Shot:

C# Page:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using MySql.Data.MySqlClient;
using System.Data;
using System.Configuration;
using System.Globalization;
using System.IO;
using System.Drawing;
using System.Web.UI.HtmlControls;
using System.Collections;
using System.Text;
using System.Collections.Specialized;
using System.Web.Services;

public partial class Newsevents : System.Web.UI.Page
{
    MySqlConnection con1 = new MySqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["constring"].ConnectionString);
    string createdon;
    string user;
    string ipaddr;
    string curdate;
    string createdby;
    DataTable dt = new DataTable();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {

            DataTable dt = new DataTable();
            dt.Columns.AddRange(new DataColumn[5] { new DataColumn("date"), new DataColumn("time"), new DataColumn("venue"), new DataColumn("topic"),new DataColumn("takenby") });
            ViewState["jkt"] = dt;
            this.BindGrid();
            abc.Visible =false;
        }
        string strHostName = null;
        strHostName = System.Net.Dns.GetHostName();
        ipaddr = System.Web.HttpContext.Current.Request.ServerVariables["REMOTE_ADDR"];
        createdon = DateTime.Now.ToString("yyyy-MM-dd");
        curdate = DateTime.Now.ToString("yyyyMMdd");
        createdby = "Admin";
    }
    protected void btnsubmit_Click(object sender, EventArgs e)
    {

        add();
        txtdate.Text = "";
        txttime.Text = "";
        txttopic.Text = "";
        txtvenue.Text = "";
        txttakby.Text = "";
    }
    protected void add()
    {
        dt = (DataTable)ViewState["jkt"];
        dt.Rows.Add(txtdate.Text, txttime.Text, txtvenue.Text, txttopic.Text,txttakby.Text);
        ViewState["jkt"] = dt;
        this.BindGrid();

    }
    protected void BindGrid()
    {
        GridView1.DataSource = (DataTable)ViewState["jkt"];
        GridView1.DataBind();
    }
    protected void btnclear_Click(object sender, EventArgs e)
    {
        GridView1.DataSource = null;
        GridView1.DataBind();
        dt = (DataTable)ViewState["jkt"];
        dt.Clear();

    }


    protected void deleterows(object sender, EventArgs e)
    {

        Button lb = (Button)sender;
        GridViewRow gvRow = (GridViewRow)lb.NamingContainer;
        int rowID = gvRow.RowIndex + 0;
        if (ViewState["jkt"] != null)
        {
            dt = (DataTable)ViewState["jkt"];
            if (dt.Rows.Count >= 1)
            {
                if (gvRow.RowIndex < dt.Rows.Count)
                {

                    dt.Rows.Remove(dt.Rows[rowID]);

                }
                if (dt.Rows.Count == 0)
                {

                    dt = (DataTable)ViewState["jkt"];
                    dt.Clear();

                }
            }

            //Store the current data in ViewState for future reference
            ViewState["jkt"] = dt;

            ////Re bind the GridView for the updated data
            GridView1.DataSource = dt;
            GridView1.DataBind();
        }
    }
    protected void btnsave_Click1(object sender, EventArgs e)
    {

        DataTable dt = (DataTable)ViewState["jkt"];
        dt = dt.DefaultView.ToTable(true, "date", "time", "venue", "topic","takenby");
        GridView1.DataSource = dt;
        GridView1.DataBind();
        con1.Open();
        MySqlTransaction tran = con1.BeginTransaction();
        try
        {
            for (int i = 0; i < GridView1.Rows.Count; i++)
            {

                string datee = GridView1.Rows[i].Cells[1].Text;
                string timee = GridView1.Rows[i].Cells[2].Text;
                string venuee = GridView1.Rows[i].Cells[3].Text;
                string topicc = GridView1.Rows[i].Cells[4].Text;
                string takenbyy = GridView1.Rows[i].Cells[5].Text;


                MySqlCommand cmdl = new MySqlCommand("insert into newsevents(date,time,venue,topic,takenby,createdat,createdby,createdon,ractive)values('" + datee + "','" + timee + "','" + venuee + "','" + topicc + "','"+takenbyy+"','" + ipaddr + "','" + createdby + "','" + createdon + "','Y')", con1, tran);
                cmdl.ExecuteNonQuery();

            }

            tran.Commit();
            dt = (DataTable)ViewState["jkt"];
            dt.Clear();
            GridView1.DataSource = null;
            GridView1.DataBind();

            ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "alertmessage", "alert('Inserted successfully')", true);


        }
        catch (Exception)
        {
            tran.Rollback();
            ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "alertmessage", "alert('Not Submitted Sucessfully')", true);
        }
        con1.Close();
    }
    //Update start

    protected void BindData()
    {
        DataSet ds = new DataSet();
        DataTable FromTable = new DataTable();
        try
        {
            con1.Open();
            string cmdstr = "select * from newsevents";
            MySqlCommand cmd = new MySqlCommand(cmdstr, con1);
            MySqlDataAdapter adp = new MySqlDataAdapter(cmd);
            adp.Fill(ds);
            cmd.ExecuteNonQuery();
            FromTable = ds.Tables[0];
            if (FromTable.Rows.Count > 0)
            {
                gvEmployeeDetails.DataSource = FromTable;
                gvEmployeeDetails.DataBind();
            }
            else
            {
                FromTable.Rows.Add(FromTable.NewRow());
                gvEmployeeDetails.DataSource = FromTable;
                gvEmployeeDetails.DataBind();
                int TotalColumns = gvEmployeeDetails.Rows[0].Cells.Count;
                gvEmployeeDetails.Rows[0].Cells.Clear();
                gvEmployeeDetails.Rows[0].Cells.Add(new TableCell());
                gvEmployeeDetails.Rows[0].Cells[0].ColumnSpan = TotalColumns;
                gvEmployeeDetails.Rows[0].Cells[0].Text = "No records Found";
            }
        }
        catch (Exception ex)
        {
            Response.Write(ex.Message);
        }
        finally
        {
            ds.Dispose();
            con1.Close();
        }
    }

    protected void gvEmployeeDetails_RowDeleting(object sender, GridViewDeleteEventArgs e)
    {
        Label lblsno = (Label)gvEmployeeDetails.Rows[e.RowIndex].FindControl("lblsno");

        con1.Open();
        string cmdstr = "delete from newsevents where sno=?sno";
        MySqlCommand cmd = new MySqlCommand(cmdstr, con1);
        cmd.Parameters.AddWithValue("?sno", lblsno.Text);
        cmd.ExecuteNonQuery();
        con1.Close();
        BindData();

    }
    protected void gvEmployeeDetails_RowCommand(object sender, GridViewCommandEventArgs e)
    {
        if (e.CommandName.Equals("ADD"))
        {
            TextBox txtadddat = (TextBox)gvEmployeeDetails.FooterRow.FindControl("txtadddat");
            TextBox txtaddtim = (TextBox)gvEmployeeDetails.FooterRow.FindControl("txtaddtim");
            TextBox txtaddven = (TextBox)gvEmployeeDetails.FooterRow.FindControl("txtaddven");
            TextBox txtaddtop = (TextBox)gvEmployeeDetails.FooterRow.FindControl("txtaddtop");
            TextBox txtaddtakenby = (TextBox)gvEmployeeDetails.FooterRow.FindControl("txtaddtakenby");


            con1.Open();
            string cmdstr = "insert into newsevents(date,time,venue,topic,takenby) values(?date,?time,?venue,?topic,?takenby)";
            MySqlCommand cmd = new MySqlCommand(cmdstr, con1);
            cmd.Parameters.AddWithValue("?date", txtadddat.Text);
            cmd.Parameters.AddWithValue("?time", txtaddtim.Text);
            cmd.Parameters.AddWithValue("?venue", txtaddven.Text);
            cmd.Parameters.AddWithValue("?topic", txtaddtop.Text);
            cmd.Parameters.AddWithValue("?takenby", txtaddtakenby.Text);

            cmd.ExecuteNonQuery();
            con1.Close();
            BindData();
        }
    }
    protected void gvEmployeeDetails_RowUpdating(object sender, GridViewUpdateEventArgs e)
    {

        TextBox txteditdat = (TextBox)gvEmployeeDetails.Rows[e.RowIndex].FindControl("txteditdat");
        TextBox txtedittim = (TextBox)gvEmployeeDetails.Rows[e.RowIndex].FindControl("txtedittim");
        TextBox txteditven = (TextBox)gvEmployeeDetails.Rows[e.RowIndex].FindControl("txteditven");
        TextBox txtedittop = (TextBox)gvEmployeeDetails.Rows[e.RowIndex].FindControl("txtedittop");
        Label txteditsno = (Label)gvEmployeeDetails.Rows[e.RowIndex].FindControl("lbleditsno");
        TextBox txtedittakenby = (TextBox)gvEmployeeDetails.Rows[e.RowIndex].FindControl("txtedittakenby");
        
        con1.Open();
        string cmdstr = "update newsevents set date=?date,time=?time,venue=?venue,topic=?topic,takenby=?takenby where sno=?sno";
        MySqlCommand cmd = new MySqlCommand(cmdstr, con1);
        cmd.Parameters.AddWithValue("?date", txteditdat.Text);
        cmd.Parameters.AddWithValue("?time", txtedittim.Text);
        cmd.Parameters.AddWithValue("?venue", txteditven.Text);
        cmd.Parameters.AddWithValue("?topic", txtedittop.Text);
        cmd.Parameters.AddWithValue("?sno", txteditsno.Text);
        cmd.Parameters.AddWithValue("?takenby", txtedittakenby.Text);
        cmd.ExecuteNonQuery();
        con1.Close();
        gvEmployeeDetails.EditIndex = -1;
        BindData();

    }
    protected void gvEmployeeDetails_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
    {
        gvEmployeeDetails.EditIndex = -1;
        BindData();
    }
    protected void gvEmployeeDetails_RowEditing(object sender, GridViewEditEventArgs e)
    {
        gvEmployeeDetails.EditIndex = e.NewEditIndex;
        BindData();
    }
    protected void btnview_Click(object sender, EventArgs e)
    {
        BindData();
        abc.Visible = true;
    }
}
    

Setp 4:Video Examples And Source Code Download-

Use below Link to download full source code:



Preview Output:
   

Preview Output:



Full Example:








How to create a simple Hello World website in ASP.NET MVC using Razor Syntax: (Note: I am using Visual Studio 2012 ) Step 1: ...