FileUpload in ASP.Net MVC using Ajax

In this post I will show you how to upload multiple files using Ajax in MVC.
Continuing the previous post FileUpload in ASP.Net MVC or you can create new project.
Previously I had shown How to...
MVC:

• Forms Authentication in Asp.Net MVC 5
• Cascading DropDowns in Asp.Net MVC
• AngularJS with Web Api in Asp.net MVC using Token based Authentication
• Ajax helper Based Search in MVC
• Customizing Authorize attribute or Role based Authentication or Authorization in MVC
• Display message when user is not authorized in mvc
• How to use AutoMapper
• select option with multiple values
• CRUD operations using Bootstrap Modal in Asp.Net MVC
• Asynchronous Requests for CRUD operations in Asp.Net MVC

Output:

Jquery DataTable paging Sorting and Multi search with datepicker in MVC server side

Previously I had shown how to use Jquery DataTable in MVC and Asp.Net

MVC:

• Jquery DataTable in MVC
• Jquery DataTable multisearch paging and Sorting in MVC server side

Asp.Net:

• jquery DataTable PlugIn in ASP.Net using C#
• jquery datatable row grouping plugin
• jQuery DataTables and ASP.NET Integration
• search jquery datatable from external textbox in asp.net
• Colspan in Jquery DataTables using C# in asp.net GridView
• Jquery DataTable in Asp.Net with server side Paging and Filtering
• Jquery DataTable in Asp.Net with server side Paging and Filtering (fast)

OutPut:

Jquery DataTable multisearch paging and Sorting in MVC server side

Previously I had shown how to use Jquery DataTable in MVC and Asp.Net

MVC:

• Jquery DataTable in MVC

Asp.Net:

• jquery DataTable PlugIn in ASP.Net using C#
• jquery datatable row grouping plugin
• jQuery DataTables and ASP.NET Integration
• search jquery datatable from external textbox in asp.net
• Colspan in Jquery DataTables using C# in asp.net GridView
• Jquery DataTable in Asp.Net with server side Paging and Filtering
• Jquery DataTable in Asp.Net with server side Paging and Filtering (fast)

Jquery DataTable in MVC

In the previous Posts I had shown how to use Jquery DataTable plugin in Asp.Net.

• jquery DataTable PlugIn in ASP.Net using C#
• jquery datatable row grouping plugin
• jQuery DataTables and ASP.NET Integration
• search jquery datatable from external textbox in asp.net
• Colspan in Jquery DataTables using C# in asp.net GridView
• Jquery DataTable in Asp.Net with server side Paging and Filtering
• Jquery DataTable in Asp.Net with server side Paging and Filtering (fast)

In this Post I will show how to populate Items in MVC with multi column search using Jquery DataTable.
To get the out put as shown below I used VS 2015, SQL server, Entity framework  and Jquery DataTable plugin.

OutPut :

ajax call using jquery in asp.net OR Calling server side methods using JavaScript and JQuery in ASP.Net

As the title says ajax call using jquery in asp.net
             OR
Calling server side methods using JavaScript and JQuery in ASP.Net
In the Other Post showed how to call server side method using ajax calls with out parameters and it was used to bring the url to display the image after image was uploaded Asynchronously.

Now i will show how to check mailID is there or not in the DataBase.

Calling ServerSide Method using Jquery in asp.Net and C#

As the title says we can call Server side methods from client side using Jquery. But in this methods You cannot use Server Controls in that method.

Click Here  to see the link and how it works.

In the above link i used to display the images after uploading with Asynchronous File UploadControl. .

Asynchronous File UploadControl To Display Thumbnail Images After Uploading

Previously in This Post Showed how to use Asynchronous File UploadControl to upload images.
Now i will show how to display the uploaded Image in Thumbnail.

OutPut :

Asynchronous File Upload to upload images in asp.net using c#

Here i will show how to use Ajax Asynchronous File Upload Control.

ASPX File :

Retrieving Value from UserControl In ModalPopUp in ASP.Net Using C#

In this post I Explained how to interact between two user controls and now I am going to explain, Retrieving Selected value from user control in the modal popup using Delegates, but i am not explaining about delegates.

• Create a New Website in VS 2008 / 2010, name it as you like. (File -> New -> Web Site)
• In the Solution Explorer Right Click on the web site you created and press Add New Item
• Select WebUserControl and name it as you like, in my case UcOwn.ascx
• In the user control add a panel and within the panel add UpdatePanel
• With in the UpdatePanel add ModalPopupExtender, hiddenfield, ListBox, label and 3 Buttons  for loading items in the list box, ok button and cancel button.

Naming Controls : 

1.  hiddenfield = hf1
2. label = lblselectedValue and Text="Not Yet Selected"
3. button1 = btnload for loading items to the ListBox1 and Text="Load Items"
4. button2 = btnOkPopup Text="BtnOk" 
5. button3 = btnCancelPopup Text="BtnCancel"
6. remaining controls as default

Now doubleclick on ListBox1 and select AutoPostBack="true" in the properties.

ModalPopUp from serverside in Asp.Net (C#)

In the previous post to show modal popup from server side a lot of coding is given. Insted of writing a lenthy code here is a simple code to work the same as follows.

To use ModalPopupExtender to work from Server Side Code is quite simple once we know how the control can be triggered from the given code. Here we need to take a dummy control for the targetcontrokid for the ModalPopupExtender.

I used ASP.NET hiddenfield.

HtmlEditorExtender Ajax Control - asp.net

with the help of ajax htmleditor extender we can send messages like office word with different styles.. as shown below...

ModalPopUp from serverside in Asp.Net (C#)

 The ModalPopup control in the AJAX Control Toolkit offers a simple way to create a modal popup using client-side popup. However some scenarios require that the opening of the modal popup is triggered on the server-side.