Aug 03, 2016, 6:33 AM
Ext.NET Mobile - Beta Now Available
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.
Ext.NET Mobile can be installed into your ASP.NET application using either of the following NuGet commands:
ASP.NET Web Forms
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
Within Ext.NET Mobile, the
Example
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.
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.
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
ASP.NET MVCInstall-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!");
}
</script>
// Ext.NET Mobile
<ext:Button
runat="server"
Text="Submit"
OnDirectTap="Button1_Alert" <-- Tap
/>
// Ext.NET
<ext:Button
runat="server"
Text="Submit"
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.Example
<%@ 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();
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET Mobile Example</title>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server" Layout="VBoxLayout">
<Items>
<ext:Button
runat="server"
Text="MessageBox Alert"
OnDirectTap="ShowAlert"
/>
<ext:Button
runat="server"
Text="Server Time"
OnDirectTap="ShowServerTime"
/>
</Items>
</ext:Viewport>
</body>
</html>
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.
Last edited by Daniil; Aug 12, 2016 at 12:41 PM.