Ext JS for .NET using Ext.NET

Ext.NET is an ASP.NET MVC and Web Forms framework incorporating the Sencha Ext JS library.

The Ext.NET team have been working hard on our 4.0 release, and we are excited to announce its immediate availablity. This release includes many new features and improvements and of course one of the biggest enhancements includes the upgrade to Sencha Ext JS 6.

extnet-senchaOur partnership with Sencha began more than eight years ago and Ext.NET has always been the easiest entry point into building rich Ext JS based JavaScript applications for ASP.NET developers.

Bundled within Ext.NET 4, Sencha Ext JS 6 includes a toolkit of 100+ user interface components including Data Grids, Menus, Trees, Form Elements, Buttons, Panels, Windows and dozens of powerful extensions, all integrated and professionally supported by the Ext.NET team. By far the most extensive toolkit of Enterprise quality Controls for ASP.NET in the industry.

Ext.NET 4 ReleasedBoth ASP.NET MVC and Web Forms are fully supported with Ext.NET, including the ASP.NET MVC Razor View Engine. The Examples Explorers are a great place to explore what’s possible for both ASP.NET Web Forms and MVC development, now with a combined total of 750+ working samples.

At Ext.NET our philosophy from day one has been to ensure it just works. Out of the box, developers should be able to jump right into building an Ext.NET based application using the .NET skills and development tools they’ve already invested in.

The Ext.NET support team is always available to help answer questions and we pride ourselves on the enterprise quality of support provided to the community. This is the most often mentioned advantage of Ext.NET from our community.

Ext.Net is the true productivity multiplier and it is an amazing experience to discover. For that I am grateful.

Great product and great support. You all make me looked like a WIZARD when I show the sites I develop to the customer.

Server Side Flexibility

The advantages of ASP.NET have always been on the server-side, especially when connecting varied data sources and back-end processes. As a web application developer, the challenge is how to unleash this power into an easy to use client application that your users will rave about.

Built in asynchronous AJAX based communication options using Direct Events and Direct Methods simplify the process of getting information to your users and sent back to the server.

The following code sample demonstrates how to configure a simple Button, and tie clicking of the Button to a server-side ASP.NET MVC Controller action.

// ASP.NET MVC Controller
public ActionResult GetTime()
    X.Msg.Notify("Server Time: ", DateTime.Now).Show();

    return this.Direct();

	.Text("Click Me")

With Ext.NET, developers have access to an extensive and cohesive set of tools for building modern web based software applications, allowing them to be highly focused on implementing project requirements.

Strong Typing and IntelliSense

Time is a non-renewal resource, so focus your efforts where they matter most.

Using Ext.NET and compile time checking helps catch errors early, while the problem is easy to isolate and fix immediately. The bigger the application, the more benefit your development team will receive from strong typing, compile time checking, statement completion, and inline documentation.

ASP.NET MVC Razor View

MVC IntelliSense Sample

ASP.NET MVC Web Forms Page

WebForms IntelliSense Sample

By using powerful developer tools you already know and love, such as Visual Studio and ReSharper, you’ll speed up application development while leveraging the quality and flexibility of Ext.NET.

Example Explorers

The Ext.NET Examples Explorers are a huge repository of 750+ samples demonstrating all aspects of the framework and bundled Ext JS functionality.

The ASP.NET MVC and Web Forms Examples Explorers have been upgraded to Ext.NET 4 with a fresh new look provided by the Triton theme and FontAwesome fonts.


GitHub For Ext.NET Source Code

As of Ext.NET 4, we’ve moved our source code hosting from SVN to GitHub. github

For several years we’ve used GitHub for public Issue tracking, and now we’ve moved all our projects onto the platform.

All new source code commits for all Ext.NET releases will be made at GitHub, although any commits related to previous releases (Ext.NET 3, 2 & 1) will be automatically mirrored in the legacy SVN server.

GitHub For Examples Explorers

In addition to moving all Ext.NET development and Issue tracking into GitHub, we’ve also released both the WebForms and MVC Example Explorers into their own public repositories.

github-zip-downloadThe source code for both projects have been officially released with the liberal Apache 2.0 open source license applied.

Getting the Examples Explorers running locally with Visual Studio is very simple. Steps Required:

  1. Clone the repository locally (or use .zip download)
  2. Double click the .sln file
  3. Click the “Play” button

Visual Studio should take care of the rest. A .zip download of the full source is also available directly from GitHub.

New Spreadsheet Functionality

The powerful new Spreadsheet Selection Model has been incorporated into Ext.NET 4 and enables selecting GridPanel data in a spreadsheet-like manner. Converting a GridPanel into a Spreadsheet is as easy as adding SpreadsheetSelectionModel to your GridPanels <SelectionModel>.

The following snippet demonstrates configuring the SpreadsheetSelectionModel using Ext.NET markup syntax.

<ext:GridPanel runat=”server”>
        <ext:SpreadsheetSelectionModel runat=”server” />

The best way to explore the new SpreadsheetSelectionModel functionality is to review the six new samples added to the Examples Explorer. We intentionally built the samples to be clean and simple with each focused on a limited set of features. More details about SpreadsheetSelectionModel can be found in our original release announcement.

The Spreadsheet Selection Model is also a great example of what Ext.NET does best. By extending the underlining client-side Ext JS components with productive server-side functionality, Ext.NET bridges the gap between the two layers.

New Triton Theme

triton-themeExt.NET 4 ships bundled with the new Triton Theme.

Triton brings a contemporary user interface design to both Desktop and Tablet based Ext.NET applications.

The speed and power of Ext.NET are well demonstrated by how easily updating the look of your application can be accomplished by setting Theme="Triton" within your ResourceManager or as a global setting within your projects Global.asax.cs file.

<ext:ResourceManager runat=”server” Theme=”Triton” /> 


For those eager to test Ext.NET 4.0 in a local Visual Studio project, installation options are available from ext.net/download, or be up and running within seconds by using the .NET package manager, NuGet.

Run the following command in your NuGet Package Manager console after creating a new ASP.NET MVC or Web Forms project:

Ext.NET WebForms

Install-Package Ext.NET


Install-Package Ext.NET.MVC


We’ve designed Ext.NET 4 to be a drop-in replacement for Ext.NET 3 applications.

If you’re using NuGet, just run the following command. That’s it.

Update-Package Ext.NET

What’s Not Included?

While Ext JS 6 unified the Ext JS and Sencha Touch frameworks, currently Ext.NET 4 does not support the mobile API. The two frameworks (desktop vs mobile) are still unique and will require a separate release of Ext.NET in the future.

Your Feedback

We hope this quick introduction to Ext.NET has been interesting and your feedback is always appreciated. Please feel free to contact us at hello@ext.net with any questions or comments, or join in the conversations happening within the Ext.NET Community Forums.