View Full Version : Ext.NET Mobile - Beta Now Available

Aug 03, 2016, 6:33 AM
Hello Ext.NET Community,

We've been working hard on Ext.NET Mobile and are now looking for feedback from some early adopters.

The new Ext.NET Mobile Examples Explorer is available at http://mobile.ext.net/, and the full source code for the Mobile Examples Explorer is available on GitHub (https://github.com/extnet/Ext.NET.Mobile.Examples).

Ext.NET Mobile can be installed into your ASP.NET application using either of the following NuGet commands:

ASP.NET Web Forms

Install-Package Ext.NET.Mobile -pre


Install-Package Ext.NET.Mobile.MVC -pre

Ext.NET Mobile is in Beta release mode, so the -pre flag is required if installing from the NuGet Console, or check the prerelease checkbox if using Visual Studio's NuGet Package Manager. After the final release (mid September 2016), the -pre release flag will no longer be required.

Ext.NET Mobile is NOT a drop in replacement for Ext.NET within an existing application. While the Ext.NET Mobile should look very familiar to all Ext.NET developers, the Mobile API has been tailored to be a mobile specific framework. For example, the following sample demonstrates configuring a <ext:Button> component in both Ext.NET and Ext.NET Mobile.

Within Ext.NET Mobile, the Click event has been replaced with a Tap event. This translates to small API differences between the two frameworks, each targeting their specific platforms using the language of that platform.

<script runat="server">
protected void Button1_Alert(object sender, DirectEventArgs e)
X.Js.Call("alert", "Hello!");

// Ext.NET Mobile
OnDirectTap="Button1_Alert" <-- Tap

// Ext.NET
OnDirectClick="Button1_Alert" <-- Click

One key requirement for configuring an Ext.NET Mobile Page or View is having a Viewport on the page. All Ext.NET Mobile components must be placed within a Viewport. The following sample demonstrates a simple WebForm sample with two Buttons placed within a Viewport.


<%@ Page Language="C#" %>

<script runat="server">
protected void ShowAlert(object sender, DirectEventArgs e)
X.Msg.Alert("Server's Response", "Hello!").Show();

protected void ShowServerTime(object sender, DirectEventArgs e)
X.Msg.Alert("Server's Time", DateTime.Now.ToShortTimeString()).Show();

<!DOCTYPE html>
<head runat="server">
<title>Ext.NET Mobile Example</title>
<ext:ResourceManager runat="server" />

<ext:Viewport runat="server" Layout="VBoxLayout">
Text="MessageBox Alert"

Text="Server Time"

Comparing the sample above to a page for Ext.NET, the only difference is the change from OnDirectClick to OnDirectTap.

New Ext.NET Mobile Premium and Community Help forums have been added to http://forums.ext.net. These new forums will be the best locations for asking technical support questions regarding Ext.NET Mobile.

API Documentation available at http://docs.sencha.com/extjs/6.0.2-modern/index.html.

We look forward to your feedback on Ext.NET Mobile. Please let us know if you find any defects, or have suggestions for improving framework.

One more thing... Ext.NET Mobile is FREE for all Ext.NET 4 Enterprise license holders. If you are licensed for Ext.NET 4, you are now also automatically licensed to use Ext.NET Mobile and to deploy applications using the framework.

Aug 30, 2016, 9:37 AM
Just came back from my holiday and discovered this. I'm a happy man :)


Aug 31, 2016, 2:44 AM
We're looking forward for your feedback so we can make it look great once we release the final version!