Asp.Net Assist

Tips for Asp.Net

2014-12-17T02:57:00.000-08:00

How to assign RequiredFiled Validator for DropDownList in Asp.Net

Ans:

      
 <form id="form1" runat="server">
        <div>
            Select Gender :
            <asp:DropDownList runat="server" ID="ddlList">
                <asp:ListItem Text="Select" Value="0"></asp:ListItem>
                <asp:ListItem Text="Male" Value="1"></asp:ListItem>
                <asp:ListItem Text="Female" Value="2"></asp:ListItem>
            </asp:DropDownList>
            <asp:RequiredFieldValidator runat="server" ID="rfv" ControlToValidate="ddlList" ForeColor="Red" InitialValue="0" ErrorMessage="Please Select Gender"></asp:RequiredFieldValidator><br />
        <asp:Button  runat="server" ID="btnsubmit" Text="Submit" />
        </div>
    </form>

Output:

How to add items to DropDownList through .Cs file

Ans: In .aspx file

  
 <form id="form1" runat="server">
        <div>
            Select Gender :
            <asp:DropDownList runat="server" ID="DropDownList1">             
            </asp:DropDownList>
            <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="DropDownList1" ForeColor="Red" InitialValue="0" ErrorMessage="Please Select Gender"></asp:RequiredFieldValidator><br />
        <asp:Button  runat="server" ID="Button1" Text="Submit" />
        </div>
    </form>

In .Cs file

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            ListItem item1 = new ListItem("Select", "0");
            ListItem item2 = new ListItem("Male", "1");
            ListItem item3 = new ListItem("Female", "2");

            DropDownList1.Items.Insert(0, item1);
            DropDownList1.Items.Insert(1, item2);
            DropDownList1.Items.Insert(2, item3);
        }

    }

Output:

How to Get DataKeyNames from GridView using RowUpdating Event and Button Click Event of Gridview

Ans:

In RowUpdating Event of GridView

      
protected void Gridview1_RowUpdating(object sender, GridViewUpdateEventArgs e)
    {
        //Suppose if DataKeyName is type Integer
        Int32 DataKeyInt = Convert.ToInt32(Gridview1.DataKeys[e.RowIndex].Value.ToString());

        //Suppose if DataKeyName is type String

        String DataKeyString = Gridview1.DataKeys[e.RowIndex].Value.ToString();
    }

In Button Click Event in GridView

      
protected void Button1_Click(object sender, EventArgs e)
    {
        Button btn = (Button)sender;
        GridViewRow row = (GridViewRow)btn.NamingContainer;
        //Suppose if DataKeyName is type Integer
        Int32 DataKeyInt = Convert.ToInt32(Gridview1.DataKeys[row.RowIndex].Value.ToString());

        //Suppose if DataKeyName is type String

        String DataKeyString = Gridview1.DataKeys[row.RowIndex].Value.ToString();

    }

How to find Control in GridView Using RowUpdating Event and RowDataBound Event

Ans:

In RowUpdating Event

      
protected void Gridview1_RowUpdating(object sender, GridViewUpdateEventArgs e)
    {
        //Suppose if we want to find TextBox Control from GridView
        TextBox txt = (TextBox)Gridview1.Rows[e.RowIndex].FindControl("txtboxID");
        string textboxvalue = txt.Text;

        //Suppose if we want to find Label Control from GridView
        Label lbl = (Label)Gridview1.Rows[e.RowIndex].FindControl("lblID");
        string lblvalue = lbl.Text;

       
    }

In RowDataBound Event

      
protected void Gridview1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        //Suppose if we want to find TextBox Control from GridView
        TextBox txt = Gridview1.FindControl("txtID") as TextBox;
        string textboxvalue = txt.Text;

        //Suppose if we want to find Label Control from GridView
        Label lbl = Gridview1.FindControl("lblID") as Label;
        string lblvalue = lbl.Text;
    }

Validating CheckBox Selected or Not In Gridview Before Submitting Page.

2014-10-30T05:25:00.000-07:00

Validating CheckBox ie Selected Or Not in Gridview before submitting page and if not showing alert message to user using javascript.

In Default.aspx

In <body> tag

<form id="form1" runat="server">

<div>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1">

<asp:TemplateField>

<asp:CheckBox ID="CheckBox1" runat="server" />

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="StateID" HeaderText="StateID" SortExpression="StateID" /> <asp:BoundField DataField="CountryID" HeaderText="CountryID" SortExpression="CountryID" /> <asp:BoundField DataField="StateName" HeaderText="StateName" SortExpression="StateName" />

</Columns>

</asp:GridView>

<br />

<asp:Button ID="Button1" runat="server" Text="Submit" OnClientClick="javascript:return ValidateCheckBox();" />

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ExampleConnectionString %>" SelectCommand="SELECT * FROM [StateMaster] ></asp:SqlDataSource> </div> </form>

I created gridview with one checkbox column in that and one Button control and i binded gridview with SqlDataSoure property .

After that i created JavaScript Function to validate checkBox Selected or Not in GridView

Place below Javascript in <head> tag as shown in below.

function ValidateCheckBox() {

var count = 0;

var gridview = document.getElementById('<%= GridView1.ClientID %>');

/*Get all the controls from gridview*/

for (var i = 0; i < gridview.getElementsByTagName("input").length; i++) {

/*Get the type of control like input*/

var chknode = gridview.getElementsByTagName("input")[i];

/*Check weather checkbox is selected or not*/

if (chknode != null && chknode.type == "checkbox" && chknode.checked) {

count = count + 1;

}

/*Alert message if none of the checkboc is selected*/

if (count == 0) {

alert("Select one checkbox atleast from gridview.");

return false;

}

else {

return true;

}

</script>

</head>

After That execute the application you will get following output

OutPut:

How to pass multiple QueriesString in HyperLink in GridView.

2014-10-20T04:13:00.000-07:00

In Example.aspx

Add following HTML part in <body> Tag

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%">
<Columns>
<asp:TemplateField HeaderText="Register Date" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="65px">
<ItemTemplate>
<asp:Label ID="lbldate" runat="server" Text='<%#Eval("LoginDate","{0:MM/dd/yyyy }")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Edit" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>

<asp:HyperLink ID="hlEdit" runat="server" Font-Underline="true" NavigateUrl='<%# string.Format("Example2.aspx?Name={0}&EmailID={1}&Mobile={2}",
HttpUtility.UrlEncode(Eval("Name").ToString()), HttpUtility.UrlEncode(Eval("EmailID").ToString()),HttpUtility.UrlEncode(Eval("Mobile").ToString())) %>'>Edit</asp:HyperLink>
</ItemTemplate>
</asp:TemplateField>
</Columns>

</asp:GridView>

In Example2.cs

Access Privious page QueryStrings using

  
         
      protected void Page_Load(object sender, EventArgs e)
    {
        string EmailID = HttpUtility.UrlDecode(Request.QueryString["EmailID"]);
        String Mobile = HttpUtility.UrlDecode(Request.QueryString["Mobile"]);
    }

How to Maintain State of FileUpload Control in Asp.Net

2014-10-13T05:11:00.001-07:00

Generally when we upload any file using FileUpload Control and if their is TextBox with TextChange Event ,When TextChange Event fires the file from FileUpload Control will looses file due to postback,, on PostBack PostedFile property gets initilized with HttpPostedFile object for the file. As we know that http request can't maintain state, and PostedFile is initilized with HttpPostedFile Object so it loose it's state.

By using State Managment Techniques we maintain File in FileUpload Control.

Lets Design one Page with FileUpload Control,Label, TextBox and Button.

In Example.aspx

Add code in form tag

<div>
<table>
<tr>
<td>
Enter Name :
</td>
<td>
<asp:TextBox runat="server" ID="txtname" OnTextChanged="txtname_TextChanged"></asp:TextBox>
</td>
</tr>
<tr>
<td>
Upload File :
</td>
<td>
<asp:FileUpload ID="FileUpload1" runat="server" /><br />
<asp:Label runat="server" ID="lblFilename" Visible="false" ></asp:Label>

</td>

</tr>
<tr>
<td colspan="2">
<asp:Button runat="server" ID="btnSubmit" />
</td>
</tr>
</table>
</div>

After Adding following output will be seen

First Upload file using FileUpload Control ,then enter any text in textbox when you come out from textbox the fileupload control looses file because postback occurs as we kept OnTextChanged Event for textbox so its postbacks .So to maintain uploaded file we use session object because session can store any type of object.

So add following code in Example.cs file

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class FileUploadExample : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//If first time page is submitted and we have file in FileUpload control but not in session
// Store the values to SEssion Object
if (Session["FileUpload1"] == null && FileUpload1.HasFile)
{
Session["FileUpload1"] = FileUpload1;
lblFilename.Visible = true;

lblFilename.Text = FileUpload1.FileName;
}
// Next time submit and Session has values but FileUpload is Blank
// Return the values from session to FileUpload
else if (Session["FileUpload1"] != null && (!FileUpload1.HasFile))
{
FileUpload1 = (FileUpload)Session["FileUpload1"];
lblFilename.Visible = true;
lblFilename.Text = FileUpload1.FileName;
}
// Now there could be another sictution when Session has File but user want to change the file
// In this case we have to change the file in session object
else if (FileUpload1.HasFile)
{
Session["FileUpload1"] = FileUpload1;
lblFilename.Visible = true;
lblFilename.Text = FileUpload1.FileName;
}
}
protected void txtname_TextChanged(object sender, EventArgs e)
{

}
protected void btnSubmit_Click(object sender, EventArgs e)
{
//Here you Can access fileupload control properties for inserting onto folder
Session.Remove("FileUpload1");
}
}

Here i took Lable Control to show that file is there to the user so that hw knows file is there.
Finially Execute application you will see folllowing output

Difference Between HashTable and Dictionary in C#

2014-10-10T05:56:00.000-07:00

Both HashTable and Dictionary stores values in form of Key-Value pairs,To access the values from Hash Table or from Dictionary we use Key to get value.But their are other difference between HashTable and Dictionary shown below.

HashTable :

Hash table is not a generic type.
Hashtable is a collection of data structures to hold data as key-value pairs.
The Hashtable is a weakly typed data structure, so you can add keys and values of any Object Type to the Hashtable.
In Hashtable boxing/unboxing (valuetypes need boxing) will happened and which may have memory consumption
When we add values to HashTable the order of values is not maintained while retrieving.

Declarartion:

Hashtable numbers = new Hashtable();

Dictionary:

Dictionary is a generic type.
Dictionary is a collection of data structures to hold data as key-value pairs.
The Dictionary is a strongly typed data structure, so you should specify the data types for both the key and value < T Key, T Value >.
In Dictionary boxing/unboxing (valuetypes need boxing) will not happened
When we add values to Dictionary the order is maintained while retrieving

Declarartion:
Dictionary<int, string> dictionary = new Dictionary<int, string >();

I will explane clearly with example
Step1: Create one page in web application and design page add following code in form tag of page
<div>
<table>
<tr>
<td>
<asp:Button ID="Button1" runat="server" Text="BindValuesToDropDown" OnClick="Button1_Click" />
</td>
</tr>
<tr>
<td>Bind with HashTable:</td>
<td>Bind with Dictionary:</td>
</tr>
<tr>
<td><asp:DropDownList runat="server" ID="ddlHashTable"></asp:DropDownList></td>
<td><asp:DropDownList runat="server" ID="ddlDictionary"></asp:DropDownList></td>
</tr>
</table>
</div>

Page looks like shown below

.Step2: Add following code in Button Click Event .cs page

protected void Button1_Click(object sender, EventArgs e)

{

Hashtable hashtable = new Hashtable();

hashtable.Add(1, "one");

hashtable.Add(2, "two");

hashtable.Add(3, "three");

hashtable.Add(4, "four");

hashtable.Add(5, "five");

ddlHashTable.DataSource = hashtable;

ddlHashTable.DataTextField = "key";

ddlHashTable.DataValueField = "value";

ddlHashTable.DataBind();

Dictionary<int, string> dictionary = new Dictionary<int, string>();

dictionary.Add(1, "one");

dictionary.Add(2, "two");

dictionary.Add(3, "three");

dictionary.Add(4, "four");

dictionary.Add(5, "five");

ddlDictionary.DataSource = dictionary;

ddlDictionary.DataTextField = "key";

ddlDictionary.DataValueField = "value";

ddlDictionary.DataBind();

}

Step 3: Final Output get like these

How to Bind 2 or more columns data from database table to DropDownList in asp.net

2014-10-06T04:23:00.000-07:00

In DropDownList everyone knows that there is DataTextField and DataValueField commonly we bind one column to DataTextField and one column to DataValueField from DataTable or any DataReaders etc.
If we want to bind 2 or more columns to DataTextField of DropDownList we use Dictionary Class and by using that we bind to dropdownlist.

In Default5.aspx Page

Add one DropDownlist to a page as shown in below.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:DropDownList runat="server" ID="ddlStates" Width="30%"></asp:DropDownList>
</form>
</body>
</html>

In Default5.cs Page

Create one method that will retrieve records from database as shown below

 protected void PopulateStates()
    {
        //using metod am getting all states from table storing in datatable
        dt = Acls.selectUSAStateMaster();
        //Creating Dictionary with string datatype
        Dictionary<string, string> lst = new Dictionary<string, string>();
        //Using foreach am adding all rows to dictionary
        foreach (DataRow row in dt.Rows)
        {
            //Add values to Dictionary
            string val = row["StateID"].ToString() + "( " + row["State"].ToString() + " )";
            lst.Add(row["State"].ToString(), val);
        }
        //finnaly am assigning DataSouce to DropDownList as Dicyionary object 
        //In Dictionary rows will be stored as 'KEY','VALUE' pairs so am assigning KEY and VALUE as datatextfiled and datavaluefield
        ddlstate.DataSource = lst;
        ddlstate.DataTextField = "value";
        ddlstate.DataValueField = "key";
        ddlstate.DataBind();
        //Adding new listitem as Select to droipdownlist
        ListItem item = new ListItem("Select ", "0");
        ddlstate.Items.Insert(0, item);

    }

Call this method in ISPOSTBACK or POSTBACK where ever you want and execute you will get output as shown below

How to Add Colmns to DataTable and adding Some rows to it and binding to Gridview

2014-10-01T04:14:00.000-07:00

In aspx.cs

Adding rows using code to DataTable

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Example : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
CretaeDatatablewithrows();
}

}
public void CretaeDatatablewithrows()
{
//Creating new instance of DataTable
DataTable dt = new DataTable();
//Adding columns to datatable
dt.Columns.Add("ID", typeof(int));
dt.Columns.Add("Emailid", typeof(string));

//Adding Dummy data to datatable
for (int i = 1; i <= 10; i++)
{
DataRow row;
row = dt.NewRow();
row["Emailid"] = "dummy" + i + "@gmail.com";
row["ID"] = i;
dt.Rows.Add(row);
}
//Bind DataTable to GridView
GridView1.DataSource = dt;
GridView1.DataBind();

}
}

We are creating one method that will add columns to DataTable and bind to GridView.

Compile and execute following Output will Get

OutPut:

How to Rewrite URL in Asp.Net (Search Engine Friendly Url)

2014-09-30T03:28:00.001-07:00

Here is a simple way to Rewrite URLs in Asp.net Using Global.asax file.

Here I presenting an important aspect Search Engine optimization technique. URL rewriting can be one of the best and quickest ways to improve the usability and search friendliness of your site.

Handling cases where you want to restructure the pages within your web application, and you want to ensure that people who have bookmarked old URLs don't break when you move pages around. Url-rewriting enables you to transparently forward requests to the new page location without breaking browsers.

Normal URL: http://site.com/Default2.aspx?Coursename=Asp.net&CourseID=12

SEO friendly URL :http://site.com/IT-Training/Asp.net/12

Clearly a much cleaner and shorter URL. It’s much easier to remember, and vastly easier to read out. That said, it doesn’t exactly tell anyone what it refers.

Its an easy task to converting URLs. Actually, I am working with ASP.NET C#. So, I will explaining how to achive this with ASP.NET. I am using Global.asax Application_BeginRequest event handler.

Application_BeginRequest: is an event handler. It is part of the ASP.NET website system. The Application_BeginRequest method is executed on all requests handled by the ASP.NET runtime.
First, this event handler is declared in a class that derives from HttpApplication. In such classes, the Application_BeginRequest method is automatically used when a request is received.

Now Lets Start Doing

Step1: First we are creating new website in visual studio 2010 for that open visual studio 2010. Click on File -> New -> Website

Step2: Select Visual C# from left and click on ASP.NET Empty Website template. In Bottom Web location Select File System and Type path to create new website.Give name “Site” to website.

Step3:Now empty asp.net website is created there is nothing to display on solution so first we create Default.aspx page. To create new page right click on solution explorer click Add New Item. Select Webform from template and name it Default.aspx and click on add.

Step4 :Add one new page to solution and name it Default2.aspx.

Step5 :Now we want to send the Coursename and CourseID from Default.aspx to Default2.aspx So, We are using Query String to pass the values e.g. http://site.com/Default2.aspx?Coursename =Asp.net/&CourseID =12

Step6 :we can access these values on Default2.aspx by Request.QueryString["Coursename "] and Request.QueryString["CourseID "] but this is not a SEO friendly pattern.

Step7 : To solve this create menu with list of Courses to Default.aspx and set NavigateUrl=”~/IT-Training/Asp.net/12 to each menu item likewise set NavigateUrls to remaimng items in menu.

Below Screen will show the screen Shot of Default.aspx with list of coureses

As you observe above screen shot i have written CSharpDotNet behalf of C#.Net because the SEO does not supports dot(.),Hash(#),Spaces( ). If you want spaces between words you should use iphen(-) as i have use in above screen shot .Net-Online-Training-Courses.

Now our goal is if we to see any of course from menu Suppose if you click last item it should redirect and URL should be seo friendly url as show below

Normal URL : http://site.com/Default2.aspx?Coursename=.Net-Online-Training-Courses&CourseID=22

SEO friendly URL : http://site.com/IT-Training/.Net-Online-Training-Courses/22

Step 8: To write our rewrite rule we have to add Global.asax file in project. To add Global.asax right click on solution and click Add New Item and select “Global Application Class” from templates.

Step 9 :We are creating new Event Handler in Global.asax name it protected void Application_BeginRequest(Object sender, EventArgs e){}

In that event add following code as shown below

 protected void Application_BeginRequest(Object sender, EventArgs e)
    {
        //Get the URL for matching the pattern. Returns the current URL path.
        //e.g. http://site.com/IT-Training/.Net-Online-Training-Courses/22
        HttpContext incoming = HttpContext.Current;
        string oldpath = incoming.Request.Path;

        //Declare variables for Query Strings.
        string coursename = string.Empty;
        string couserid = string.Empty;
        

        // Regular expressions to grab the coursename and couserid to the Default2.aspx because it takes Coursename and CourseID
        //Here I am using regular expression to match the pattern.
        Regex regex = new Regex(@"IT-Training/(.+)/(\d+)", RegexOptions.IgnoreCase | RegexOptions.IgnorePatternWhitespace);
        MatchCollection matches = regex.Matches(oldpath);

         //If Matches found then Grab the Coursename  and CourseID and rewrite it as our typical query string format.
        //e.g: http://site.com/Default2.aspx?Coursename =.Net-Online-Training-Courses&CourseID=22
        if (matches.Count > 0)
        {
            coursename = matches[0].Groups[1].ToString();
            couserid = matches[0].Groups[2].ToString();
            incoming.RewritePath(String.Concat("~/Default2.aspx?coursename=", coursename, "&couserid=", couserid), false);
        }
        
    }

The first two lines returns the current URL path.HttpContext incoming = HttpContext.Current;string oldpath = incoming.Request.Path.ToLower();
By using regular expression we can match the pattern of our requested URL with our rewrite URL. Means, when http://site.com/IT-Training/.Net-Online-Training-Courses/22 is pattern matched with our regular expression and it rewrite the path to http://site.com/Default2.aspx?coursename =.Net-Online-Training-Courses&couserid =22

After finishing Global.asax writting complie and execute and click any one of course from Default1.aspx we get following output.

By This we can get SEO frendly URL

How To return String into Delimited String in SqlServer and With Good Example Using "IN Clause"

2014-09-24T04:04:00.000-07:00

As we know sql queries are Dynamic and Nondynamic queries.This example is for Non dynamic query.

For spliting string into delimited string we use Function in sql server .

Ex: @string nvarchar(max),
@splitedstring nvarchar(max)
set @string='word1,word2 '
Result:@splitedstring ='word1','word2'

For this we created function in sql server

CREATE FUNCTION [dbo].[StrinToStringList]
( @str nVARCHAR (MAX),
@delimeter nvarchar(2))
RETURNS
@result TABLE (
[ID] nvarchar(max) NULL)
AS
BEGIN

DECLARE @x XML
SET @x = '<t>' + REPLACE(@str, @delimeter, '</t><t>') + '</t>'

INSERT INTO @result
SELECT DISTINCT x.i.value('.', 'nvarchar(max)') AS token
FROM @x.nodes('//t') x(i)
ORDER BY 1

RETURN
END

As we created function it returns in the form of Table result set and it takes 2 parametersfrom stored procedures first one is for "string to split" second is for delimited string which should be seperated from string.In our example shown above we pass "," comma delimeter so function will seperate string where ever comma is appeared in string.
Example:

Suppose we have a table as shown in below

If we want specific rows like say "aaa and ffff" using stored procedure as shown below.

create procedure CompanyFilter
(
@string nvarchar(max)='aaa,bbb'
)
as
begin

select * from table where names in(@string)

end

After finishing creating stored procedue execute that we get result like this as shown below

In stored procedure "@string" parameter acts as single string for qurey so table does not contains name with "aaa,bbb" thats why table returns nothing.

So re-modify the stored procedure as shown below

create procedure CompanyFilter
(
@string nvachar(max)='aaa,bbb
)
as
begin
Select * from table where names in (select id from dbo.StrinToStringList(@string,','))
end

In above SP the query is calling function and passing 2 parameters ie string and delimeter to function.The function as i said it returns table result set to stored procedure so below screen will show result

How to Retrive Dynamically Generated Textboxes values using JavaScript in Asp.Net

2014-09-20T03:59:00.000-07:00

After generating texboxes dynamically as shown in my previous artical(ClickHere to see) it is the time to retrive values of textboxes entered by the user .

In .aspx Page

In continuation of my previous artical (ClickHere to see) add following html code in your page

<asp:Button runat="server" ID="btnGetValues" Text="GetValues" OnClick="btnGetValues_Click" />

In .cs Page

Add following code

In above code "txt1" and "txt2" is the ids of textbox in html code.we are fecting values using From.getValues() and storing it into string array .Complie and execute following figure shows values in string array.

After entering values in textboxes and click "GetValues" floowing figure shows texbox values in strin array.

Now you can loop using "for" and insert into database.

Adding Textbox Dynamically Using JavaScript in Asp.Net

2014-09-20T03:47:00.001-07:00

Adding Textboxes Dynamically using Javascript is very easy in Asp.Net

In .aspx page

Add following javascript in Head Section of your page

function GetDynamicTextBox()
{
return 'TextBox1:<input name = "txt1" style="width:200px" type="text" />'+
'TextBox2:<input name = "txt2" type="text" style="width:200px" />' +
'<input type="button" value="Remove" class="button" onclick = "RemoveTextBox(this)" />'
}

The above script creates html part which you want generate dynamically on button click.
The above Html creates two Textboxes with Remove button.

function AddTextBox()
{
var div = document.createElement('DIV');
div.innerHTML = GetDynamicTextBox();
document.getElementById("TextBoxContainer").appendChild(div);
}

The above script is for adding HTML code in a div tag which is in our page and this function will be called using Button.

function RemoveTextBox(div)
{
document.getElementById("TextBoxContainer").removeChild(div.parentNode);
}

The above function is used for Removing textbox during runtime on page.And this function will be called in dynamically generated html Code as seen in GetDynamicTextBox() function.

In Body Section:

<body>
<form id="form1" runat="server">
<div><input id="btnAdd" type="button" value="Add Manager" class="button" onclick="AddTextBox()" />
<div id="TextBoxContainer">

</div>
</div>
</form>
</body>

After compile and execute following result will be show

OutPut:

Now you will imagine "How To Retrive Values From these Textboxes" ( ClickHere to see)

Difference between ViewData and ViewBag In MVC

2014-09-19T04:04:00.001-07:00

ViewData ,ViewBag and TempData

When passing information from an action method to a view, you basically have three options:

1. Use the ViewDatadictionary
2. Use ViewBag(starting in MVC 3)
3. Use a strongly typed view with a view model object

ViewData and ViewBag allow you to add information (primitive types such as integers or even complex objects) that will later be accessible to the view for generating HTML.

ViewData is simply a dictionary that uses the key/value pattern. An example of how to use ViewData is provided in below example code. Note that the information in the ViewData dictionary is simply added by giving it a name and setting its value.

Example for ViewData:

In Action Method
public ActionResult ShowError()
{
ViewData["ErrorCode"] = 12345;
ViewData["ErrorDescription"] = "Something bad happened";
ViewData["ErrorDate"] = DateTime.Now;
ViewData["Exception"] = new Exception();
return View();
}

In ViewPage

@* View *@
<h1>An error was found</h1>
<h2>Error Code: @ViewData["ErrorCode"]</h2>
<h2>Error Date: @ViewData["ErrorDate"]</h2>
<h2>@ViewData["ErrorDescription"]</h2>

ViewBag:

ViewBag is different from ViewData in the sense that it implements the dynamic features introduced in C# 4. Basically, the difference is that properties can be added to ViewBag dynamically. Following example shows modify to above example using ViewBag.

Example for ViewBag:

In Action Method
public ActionResult ShowError()
{
ViewBag.ErrorCode = 12345;
ViewBag.ErrorDescription = "Something bad happened";
ViewBag.Exception = new Exception();
return View();
}

In View
<h1>An error was found</h1>
<h2>Error Code: @ViewBag.ErrorCode</h2>
<h2>@ViewBag.ErrorDescription</h2>

One last thing to consider when using ViewData and ViewBag is that the information in the dictionary is lost after the view is rendered.

In this scenario, you will have to use a different object that is designed to have a short
life but is capable of surviving redirects. The object is TempData, which, as opposed to ViewData, is stored in the current session instead of a dictionary. Use TempData with caution, as the information is promptly discarded once the redirect is complete. If you refresh the page, the information in TempData won’t be available.

Adding FaceBook and other Social Networking Share Button In Page Using Asp.net

2014-09-12T04:08:00.002-07:00

In aspx page

Add following html makup where you want to show facebook share button in your page,not only facebook in below markup their are other social sharing sites are there in which they are added to your webpages.

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">

<a class="addthis_button_facebook"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest_share"></a>
</div>

<script type="text/javascript"> var addthis_config = { "data_track_addressbar": true };</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5253e8bc26e8bcf9"></script>

If you add above html code and run the application following screen will be appear

Notes:If you click on facebook ,facebook login page will be open,like wise other social login pages will be open if you click other icons.