Monday 30 December 2013





Description:-

            In previous Example we Explain that How to Export Gridview data to Excelsheet in Asp.Net  Export Gridview data to excelsheet in asp.net but now in this example we explain that how to Export Gridview Data to Excel sheet in MVC4.

This is very useful when we have to generally Create a Report or you can Directally print the Document

you have to set Content Type of the page Before sending or Exporting data to ExcelSheet like
Response.ContentType = "application/ms-excel";

to show example of WCF service for insert,update,delete CRUD operation using WCF service

check the Extention of file when upload upload only image or word file

there are number of steps to follow how to Export or transfer Gridview or webgird data to Excelsheet Database file.

step 1:- First create a LinqtoSQL class in Model folder and drag and srop the table that you have to use in example.

step 2:- create a controller like exportgridtoexcel in controller Folder.

step 3:- create a view page For display the details we have to create a view page for that in the exportgridtoexcel controller add following code.



   DataClasses1DataContext dc = new DataClasses1DataContext();
        public ActionResult Index()
        {
            var lst = (from p in dc.movies select p).ToList();
            return View(lst);
        }

step 4:-Then for export the data to excel add following code to the exportgridtoexcel Controller



   public List<movie> fetch()
        {
             var lst = (from p in dc.movies select p);
            return lst.ToList();
        }

        public ActionResult ExportData()
        {
            GridView gv = new GridView();
            gv.DataSource =fetch();
            gv.DataBind();
            Response.ClearContent();
            Response.Buffer = true;
            Response.AddHeader("content-disposition", "attachment; filename=Marklist.xls");
            Response.ContentType = "application/ms-excel";
            Response.Charset = "";
            StringWriter sw = new StringWriter();
            HtmlTextWriter htw = new HtmlTextWriter(sw);
            gv.RenderControl(htw);
            Response.Output.Write(sw.ToString());
            Response.Flush();
            Response.End();

            return RedirectToAction("Index");
        }



MVC Example for Export or transfer Gridview Data to Excelsheet File in MVC4





Description:-

            In previous Example we Explain that How to Export Gridview data to Excelsheet in Asp.Net  Export Gridview data to excelsheet in asp.net but now in this example we explain that how to Export Gridview Data to Excel sheet in MVC4.

This is very useful when we have to generally Create a Report or you can Directally print the Document

you have to set Content Type of the page Before sending or Exporting data to ExcelSheet like
Response.ContentType = "application/ms-excel";

to show example of WCF service for insert,update,delete CRUD operation using WCF service

check the Extention of file when upload upload only image or word file

there are number of steps to follow how to Export or transfer Gridview or webgird data to Excelsheet Database file.

step 1:- First create a LinqtoSQL class in Model folder and drag and srop the table that you have to use in example.

step 2:- create a controller like exportgridtoexcel in controller Folder.

step 3:- create a view page For display the details we have to create a view page for that in the exportgridtoexcel controller add following code.



   DataClasses1DataContext dc = new DataClasses1DataContext();
        public ActionResult Index()
        {
            var lst = (from p in dc.movies select p).ToList();
            return View(lst);
        }

step 4:-Then for export the data to excel add following code to the exportgridtoexcel Controller



   public List<movie> fetch()
        {
             var lst = (from p in dc.movies select p);
            return lst.ToList();
        }

        public ActionResult ExportData()
        {
            GridView gv = new GridView();
            gv.DataSource =fetch();
            gv.DataBind();
            Response.ClearContent();
            Response.Buffer = true;
            Response.AddHeader("content-disposition", "attachment; filename=Marklist.xls");
            Response.ContentType = "application/ms-excel";
            Response.Charset = "";
            StringWriter sw = new StringWriter();
            HtmlTextWriter htw = new HtmlTextWriter(sw);
            gv.RenderControl(htw);
            Response.Output.Write(sw.ToString());
            Response.Flush();
            Response.End();

            return RedirectToAction("Index");
        }



Thursday 26 December 2013






Description:-

In this Example we explain that how to bind an Accordion Control with a database in DataList Control or any other Data Control in ASP.Net using Ajax.in which we create how to bind Dynamically Load Data into Accordion Control using Code Behind Dataset.

What is  Ajax Accordion control:

The Accordion is a web control that allows you to provide multiple panes in which you can Defined the Description of this panes and display only one at a time.  Each Accordion Panes control has a template for its Header and its Content. Header is the Heading of the pane and Content is the Description of the panes .

For Example:-
                        Header is the what is AJAX. Then Content is the AJAX is a Asynchronous javascript and xml.
 
Accordion supports three Auto Size modes so Accordion can fit in a variety of layouts.
  • None -  Accordion grows/shrinks without restriction. This can cause other elements on your page to move up and down with it.
  • Limit -  Accordion never grows larger than the value specified by its Height property. This will cause the content to scroll if it is too large to be displayed.
  • Fill -  Accordion always stays the exact same size as its Height property. This will cause the content to be expanded or shrunk if it isn't the right size.

Property of Accordion Control:-


  • SelectedIndex - The AccordionPane to be initially visible
  • Panes - Collection of Accordion Pane controls
  • HeaderTemplate - The Header template contains the markup that should be used for an pane's header when databinding
  • ContentTemplate - The Content template contains the markup that should be used for a pane's content when databinding
  • DataSource - The data source to use. DataBind() must be called.
  • DataSourceID - The ID of the data source to use.
  • DataMember - The member to bind to when using a DataSourceID

  • HeaderCssClass -  CSS class name for the headers. .
  • HeaderSelectedCssClass -  CSS class name for the selected header.
  • FadeTransitions – generally True or false. True means  the fading transition effect, false means standard transitions.
  • TransitionDuration - Number of milliseconds to animate the transitions
  • FramesPerSecond - Number of frames per second used in the transition animations
  • AutoSize - Restrict the growth of the Accordion. The values of the AutoSize enumeration are described above.
  • RequireOpenedPane - Prevent closing the currently opened pane when its header is clicked (which ensures one pane is always open). The default value is true.
  • SuppressHeaderPostbacks - Prevent the client-side click handlers of elements inside a header from firing (this is especially useful when you want to include hyperlinks in your headers for accessibility)

Example of Ajax password strength Ajax password checker 

Read and write File in asp.net Read/write File in Asp.Net 

Bind Excelsheet data to Gridview Control CRUD operation in Excel database 

to download Complete Example click below download link
download here!
 

how to bind data in Ajax accordion control in asp.net






Description:-

In this Example we explain that how to bind an Accordion Control with a database in DataList Control or any other Data Control in ASP.Net using Ajax.in which we create how to bind Dynamically Load Data into Accordion Control using Code Behind Dataset.

What is  Ajax Accordion control:

The Accordion is a web control that allows you to provide multiple panes in which you can Defined the Description of this panes and display only one at a time.  Each Accordion Panes control has a template for its Header and its Content. Header is the Heading of the pane and Content is the Description of the panes .

For Example:-
                        Header is the what is AJAX. Then Content is the AJAX is a Asynchronous javascript and xml.
 
Accordion supports three Auto Size modes so Accordion can fit in a variety of layouts.
  • None -  Accordion grows/shrinks without restriction. This can cause other elements on your page to move up and down with it.
  • Limit -  Accordion never grows larger than the value specified by its Height property. This will cause the content to scroll if it is too large to be displayed.
  • Fill -  Accordion always stays the exact same size as its Height property. This will cause the content to be expanded or shrunk if it isn't the right size.

Property of Accordion Control:-


  • SelectedIndex - The AccordionPane to be initially visible
  • Panes - Collection of Accordion Pane controls
  • HeaderTemplate - The Header template contains the markup that should be used for an pane's header when databinding
  • ContentTemplate - The Content template contains the markup that should be used for a pane's content when databinding
  • DataSource - The data source to use. DataBind() must be called.
  • DataSourceID - The ID of the data source to use.
  • DataMember - The member to bind to when using a DataSourceID

  • HeaderCssClass -  CSS class name for the headers. .
  • HeaderSelectedCssClass -  CSS class name for the selected header.
  • FadeTransitions – generally True or false. True means  the fading transition effect, false means standard transitions.
  • TransitionDuration - Number of milliseconds to animate the transitions
  • FramesPerSecond - Number of frames per second used in the transition animations
  • AutoSize - Restrict the growth of the Accordion. The values of the AutoSize enumeration are described above.
  • RequireOpenedPane - Prevent closing the currently opened pane when its header is clicked (which ensures one pane is always open). The default value is true.
  • SuppressHeaderPostbacks - Prevent the client-side click handlers of elements inside a header from firing (this is especially useful when you want to include hyperlinks in your headers for accessibility)

Example of Ajax password strength Ajax password checker 

Read and write File in asp.net Read/write File in Asp.Net 

Bind Excelsheet data to Gridview Control CRUD operation in Excel database 

to download Complete Example click below download link
download here!
 

Wednesday 25 December 2013





Description:-

            In Previous Example we already Explain that How to Craete Inner zoom Effect of the Image when mouse is over on Image using Jquery. But now in this example we Explain that How to create Inner Zoom Effect of the Image bind in Gridview or Datalist control fetching image from sqlserver database and create inner zoom effect of the image using jquery in asp.net

Generally we bind the image in Gridview from sqlserver database and when user move mouse on image inside Gridview the Effect of the Inner zoom image will be Display.

This is simply done by using this jquery function like

<script type="text/javascript">
    $(function () {
        $("#GridView1").find("[id$=zoom_05]").elevateZoom({
  zoomType                                         : "inner",
  cursor: "crosshair"
});
});
</script>



to show Example of How to Create Autocomplete Textbox search Autocomplete TextBox search in Ajax

to show example of Redirect the page in Javascript Redirect one page to another using Javascript

How to Read write File in Asp.Net Read/write file using C# asp.net

to Download Complete Example clickbelow image downloadlink
download here!



Display Inner Zoom Effect of Image Bind into Gridview from Database using JQuery in Asp.Net





Description:-

            In Previous Example we already Explain that How to Craete Inner zoom Effect of the Image when mouse is over on Image using Jquery. But now in this example we Explain that How to create Inner Zoom Effect of the Image bind in Gridview or Datalist control fetching image from sqlserver database and create inner zoom effect of the image using jquery in asp.net

Generally we bind the image in Gridview from sqlserver database and when user move mouse on image inside Gridview the Effect of the Inner zoom image will be Display.

This is simply done by using this jquery function like

<script type="text/javascript">
    $(function () {
        $("#GridView1").find("[id$=zoom_05]").elevateZoom({
  zoomType                                         : "inner",
  cursor: "crosshair"
});
});
</script>



to show Example of How to Create Autocomplete Textbox search Autocomplete TextBox search in Ajax

to show example of Redirect the page in Javascript Redirect one page to another using Javascript

How to Read write File in Asp.Net Read/write file using C# asp.net

to Download Complete Example clickbelow image downloadlink
download here!



Monday 23 December 2013





Description:-

            In this Example I Explain that How to Bind Country,State and City in DropdownList From Sqlserver Database in MVC4. we Already Explain that How to Bind dropdownList in asp.Net but in MVC that is diiferant way to Bind Country,State in  DropdownList

Here we Create a Action Result Create to Fetch data from the Database and we also create a ViewBag like citybag and store country name in this bag and finally we bind them to DropdownList. Llok at this how it is possible :

   @Html.DropDownList("cnm", (IEnumerable<SelectListItem>)ViewBag.cityList,"Select Course")

In above line Define that “cnm” is the name of country and cityList contain the number of country that we are add in action Result Result Create Method.

you have to create a one table for country in Databasewith name k_country like




to show example of upload multiple file in MVC upload multiple file in database in mvc

Example of auto complete Textbox search Autocomplete Search in Ajax

To Download Complete example click below download image link

download here!

Bind Country,state,city in DropdownList in MVC4





Description:-

            In this Example I Explain that How to Bind Country,State and City in DropdownList From Sqlserver Database in MVC4. we Already Explain that How to Bind dropdownList in asp.Net but in MVC that is diiferant way to Bind Country,State in  DropdownList

Here we Create a Action Result Create to Fetch data from the Database and we also create a ViewBag like citybag and store country name in this bag and finally we bind them to DropdownList. Llok at this how it is possible :

   @Html.DropDownList("cnm", (IEnumerable<SelectListItem>)ViewBag.cityList,"Select Course")

In above line Define that “cnm” is the name of country and cityList contain the number of country that we are add in action Result Result Create Method.

you have to create a one table for country in Databasewith name k_country like




to show example of upload multiple file in MVC upload multiple file in database in mvc

Example of auto complete Textbox search Autocomplete Search in Ajax

To Download Complete example click below download image link

download here!
This entry was posted in :

Sunday 22 December 2013





Description:-

            In Pevious we Already Explain How to Upload Multiple File in Database in MVC now we Explain How to Upload Multiple File in SqlServer Database Using Jquery in Asp.Net.

Here We use Generic Handler Class to Upload Multiple File in database.before we Explain we First understand the what is Generic handler Class.

What is Generic handler Class:-

            Generic handler is nothing but a same like aspx page and the extention of this file is .ashx.Generally Generic Handler class are used to Response the Request and Request is Proceed by the page Handler. You can also create your own HTTP Handler and that renders the output to the browser.

In this Example we Provide Facility to user to Browse a Multiple File at a time and Uploading all Browse File at a time with Prgressbar Facility same like provide in GMAIL when we send the Email with Atteched the File. This is simply done with JQuery and we will Requst the Response using Generic Handler.


to show Example of Javascript Validation that aalow only number in TextBox Disable all the keyboard key Excvept only Number

to show Example of Rotate the Advertise in webpage Rotate Ads without Refresh the page

to Download Complete example click below Image link

download here!

How to Upload Multiple File with Progress Bar in Asp.Net using Jquery





Description:-

            In Pevious we Already Explain How to Upload Multiple File in Database in MVC now we Explain How to Upload Multiple File in SqlServer Database Using Jquery in Asp.Net.

Here We use Generic Handler Class to Upload Multiple File in database.before we Explain we First understand the what is Generic handler Class.

What is Generic handler Class:-

            Generic handler is nothing but a same like aspx page and the extention of this file is .ashx.Generally Generic Handler class are used to Response the Request and Request is Proceed by the page Handler. You can also create your own HTTP Handler and that renders the output to the browser.

In this Example we Provide Facility to user to Browse a Multiple File at a time and Uploading all Browse File at a time with Prgressbar Facility same like provide in GMAIL when we send the Email with Atteched the File. This is simply done with JQuery and we will Requst the Response using Generic Handler.


to show Example of Javascript Validation that aalow only number in TextBox Disable all the keyboard key Excvept only Number

to show Example of Rotate the Advertise in webpage Rotate Ads without Refresh the page

to Download Complete example click below Image link

download here!

Wednesday 18 December 2013



Description:-



Here I will explain how to use  Json and Jquery to submit the Form without page refresh using Ajax inasp.net
  
In previous articles I explained How to Call Server Side Metod or code Behind Method using Json and Jquery in Asp.Net . Now I will explain how to submit the Form without refresh or reload page and also Insert,Update,Delete in Gridview without Refresh the Page using Json/Jquery in asp.net.

To implement this Program  first you have to Create a table with name SampleInfoTable in your database like below to save values in database.





In this Example we provide Facility to user to perform a CRUD operation in Gridview and maintain data in Sqlserver Database without Refresh the page is simply by using the Functionality of Ajax and Json/Jquery. 

To show Example How to insert,update,delete in DataList control clikck here  CRUD operation in DataList 

 How to Bind Excelsheet Data to Gridview CRUD operation in Excelsheet Database

How to Display Layer on one Another in CSS Overlapping Layer in CSS

 to Download Complete example click the Below download Image link
download here!

Submit the Form Without Page Refresh Using Json Jquery in asp.net



Description:-



Here I will explain how to use  Json and Jquery to submit the Form without page refresh using Ajax inasp.net
  
In previous articles I explained How to Call Server Side Metod or code Behind Method using Json and Jquery in Asp.Net . Now I will explain how to submit the Form without refresh or reload page and also Insert,Update,Delete in Gridview without Refresh the Page using Json/Jquery in asp.net.

To implement this Program  first you have to Create a table with name SampleInfoTable in your database like below to save values in database.





In this Example we provide Facility to user to perform a CRUD operation in Gridview and maintain data in Sqlserver Database without Refresh the page is simply by using the Functionality of Ajax and Json/Jquery. 

To show Example How to insert,update,delete in DataList control clikck here  CRUD operation in DataList 

 How to Bind Excelsheet Data to Gridview CRUD operation in Excelsheet Database

How to Display Layer on one Another in CSS Overlapping Layer in CSS

 to Download Complete example click the Below download Image link
download here!