Ext.NET Mobile - Beta Now Available

  1. #1

    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
    Install-Package Ext.NET.Mobile -pre
    ASP.NET MVC
    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!");
        }
    </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.
  2. #2
    Just came back from my holiday and discovered this. I'm a happy man :)

    Martin
  3. #3
    We're looking forward for your feedback so we can make it look great once we release the final version!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] Mobile for EXT.NET
    By bluenext in forum 3.x Legacy Premium Help
    Replies: 5
    Last Post: Aug 03, 2016, 7:49 AM
  2. Mobile Compatibility
    By pessimca in forum 2.x Help
    Replies: 4
    Last Post: Feb 24, 2014, 12:53 PM
  3. Mobile development
    By cuki in forum 1.x Help
    Replies: 0
    Last Post: May 05, 2012, 6:06 PM
  4. [CLOSED] Mobile
    By rnfigueira in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 28, 2012, 3:14 PM
  5. [CLOSED] Mobile
    By rnfigueira in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 04, 2011, 2:32 PM

Posting Permissions