Wednesday, 19 July 2017

Tech Talk: Learn How to Build Responsive React Apps with ExtReact

Tech Talk: Building Responsive React Apps with ExtReact


Sencha ExtReact

ExtReact provides React developers with a complete set of components that can respond and adapt to any device, platform, or screen size. Join us for a tech talk on July 27th, where we'll demonstrate how you can deliver the right experience to each user's device using simple, concise, declarative techniques. Topics to be covered will include: 
  • Fluid layouts with flex box
  • Responsive props that adapt to changes in screen size
  • Using platformTags to target specific devices and platforms
  • Best practices for standardizing screen size boundaries
Event Details:
Thursday, July 27, 2017
10:00am PDT | 1:00pm EDT | 6:00pm BST
60 Minutes
Featured Speaker: 
Mark BrocatoMark Brocato is an Engineering Director at Sencha. He's been developing with Ext JS since version 2. Before coming to Sencha, he was the Director of R&D at BioFortis, a Life Sciences startup, where he led the development of several Ext JS apps. He is also the creator of mockaroo.com, a web service for generating large datasets for software testing and demos. 

Thursday, 18 May 2017

Sencha Test 2.1 GA

Sencha Test 2.1 GA


Sencha Test
We’re excited to announce that Sencha Test 2.1 is now generally available. This release includes new features that greatly enhance your experience of creating tests, managing defects, and storing test results.

Now, you can create tests simply by inspecting components on a web page and achieve an end-to-end automated workflow – from unattended execution using CI tools to logging defects on JIRA with our new integration. You have the flexibility of including external files, which opens up endless possibilities for testing outside of your application. With the help of a local archive server, Sencha Test ensures that manual test runs are retained for analysis and defect management.
New features in Sencha Test 2.1:
  • Inspect components and elements on Ext JS applications
  • Execute tests from Sencha Studio and store test results on the local archive server
  • Add external files or install npm modules and simply require them in test code
  • Analyze test failures and publish bugs directly to JIRA
  • Perform visual testing directly from Sencha Studio
Join Us for Our Upcoming Webinar

Learn more about Sencha Test 2.1 and see it in action.
Register Now

What’s New in Sencha Test 2.1

Date: Tuesday, May 23, 2017
Time: 10am PDT | 1pm EDT | 6pm BST
Duration: 60 minutes

Thursday, 11 May 2017

Ext JS 6.5 GA, Progressive Web Apps, Sencha Test Futures, and Ext JS Tips

NEWSLETTER MAY 2017

Announcing Ext JS 6.5 and Sencha Cmd 6.5 GA

by Don Griffin and Sandeep Adwankar
Ext JS 6.5 and Sencha Cmd 6.5 enable you to deliver rich mobile and desktop experiences for your data-intensive, cross-platform web apps – using the Modern toolkit. See all the new features. 

Creating Progressive Web Applications using SenchaExt JS 

by Ajit Kumar
We’ve made progressive web app development very easy with Ext JS. You can create a rich user experience and increase user engagement by delivering the best of both web and mobile apps. Learn how to create your PWA.

Sencha Test Futures API for End-to-End Testing

by Jon Jarboe, Don Griffin, Subu Baskaran
Learn how to use a key feature of Sencha Test, the Futures API, which allows automation engineers to write tests targeting JavaScript components rather than depending on DOM elements. 

Sencha Cmd 6.5 Tech Tips

by Sandeep Adwankar
Get started quickly with Sencha Cmd 6.5 key features including support for ECMAScript 2015 (or ES6), dynamic package loading, and building progressive web apps. Try the code samples in your apps.

Ext JS Customer Spotlight: Crestone Digital

by Mike Giddens
Crestone Digital builds custom mapping solutions. The team uses Ext JS because it’s easy to create a full-fledged application in minutes, yet it’s designed with extensions in mind.

Top Support Tips

by Sencha Support Team
Check out these Ext JS tips and learn how to scroll a component into view and customize a tree list component. 

Sencha Test Tip: Execute Tests on Multiple Browsers Simultaneously

by Subu Baskaran
Sencha Test has built-in support to make it easy to run and debug tests on multiple browsers simultaneously using a browser farm. Join us for our upcoming webinar with Sauce Labs.

Upcoming Webinar: What's New in Sencha Ext JS 6.5 and Cmd 6.5

Presented by Jon Jarboe and Sandeep Adwankar
Join us for our upcoming webinar, where you will learn how you can use Ext JS 6.5 to deliver rich desktop and tablet experiences for your data-intensive, cross-platform web applications – using the Ext JS Modern toolkit. With Cmd 6.5, you get support for ES2015 (formerly ES6) in Ext JS apps, dynamic package loading and support for Progressive Web Apps. 

Want Higher Quality & Faster Development Time?

Sencha Professional Services has a team of experts that provides application modernization, code reviews, architecture planning, and custom development. Find out how we can help you.

Thursday, 4 May 2017

Learn best practices from XH.IO for building beautiful, data-intensive web apps using Ext JS

Learn Best Practices for Building Web Apps with Ext JS from XH.IO


Sencha Ext JS

Learn how Extremely Heavy Industries successfully develops beautiful, data-intensive applications for desktop and mobile platforms using Ext JS. Join this webinar to see Anselm McClain, Partner and Developer at Extremely Heavy Industries, share his real-world development experience of using robust web development stacks. You’ll learn about:
  • Best practices and challenges of developing high-performance JavaScript applications with a large code base.
  • Building your own toolkit of custom components and code patterns to maximize application usability and consistency for end-users while enhancing productivity and encouraging code re-use for developers. 
  • Improving the success of data-dense web applications through the visualization of information and the tight integration of traditional grid data with technologies such as D3.
  • The session will include a review of a cross-platform demo trading application, and discuss how Ext JS is particularly well suited to data-intensive industries like asset management and financial services.

Sencha will also provide a brief overview and demonstration of Ext JS, highlighting some of the 115+ high-performance, pre-tested and integrated UI components.
Webinar Details:
Thursday, May 11, 2017
10:00am PDT | 1:00pm EDT | 5:00pm GMT
60 minutes

Featured Speakers:   
Anselm McClainAnselm McClain, Developer, Extremely Heavy Industries 
Anselm has worked with Sencha frameworks for nearly ten years, in addition to programming in Java/Groovy and working with other core web technologies. He is a partner and developer at Extremely Heavy Industries, where he and the team apply their love of clean code, design, and usability to create data-intensive desktop and mobile web applications for clients, primarily in finance and trading. He lives in Northern California, but regularly bounces between CA and NY to visit ExHI's east coast office and clients.

Jon Jarboe, Technical Marketing Manager, Sencha
Jon is a Technical Marketing Manager at Sencha. His broad development experience, ranging from embedded systems to modern web and mobile applications, helps him to communicate the benefits and vision of Sencha technologies. Prior to joining Sencha, Jon held various technical roles at organizations that provide software development tools for embedded and enterprise applications.

Monday, 17 April 2017

Hyderabad Global Azure Bootcamp 2017

Hyderabad Global Azure Bootcamp 2017


By Microsoft User Group Hyderabad


Event to be held at the following time, date, and location:
Saturday, April 22, 2017 from 9:00 AM to 4:30 PM (IST)
Microsoft India Development Center Building 3, MPR Halls 1, 2 & 3 Gachibowli Hyderabad 500081 India




DESCRIPTION

Check the agenda @ https://themugh.github.io/gabc2017. Studenst are not allowed for this event.


Wednesday, 29 March 2017

Extjs - Loading Json data in Combo

In this post i am going to explain about the loading of the Jsoin data in combo Box.


Ext.onReady(function () {

    var JsonData = {
        'items': [{
            'name': 'Lisa',
            "id": "111"
        }, {
            'name': 'Bart',
            "id": "222"
        }, {
            'name': 'Homer',
            "id": "555"
        }]
    };

    var colors = new Ext.data.JsonStore({
        root: 'items',
        id: "colors",
        fields: ['id', 'name']
    });
    colors.loadData(JsonData);

    var entitySearchForm = new Ext.form.FormPanel({
        title: "Form loading with Json data",
        width: 425,
        frame: true,
        items: [{
            xtype: 'combo',
            fieldLabel: 'Role Selection',
            id: 'role',
            hiddenName: 'role',
            hiddenValue: 1,
            editable: false,
            emptyText: 'Please select a role',
            typeAhead: true,
            triggerAction: 'all',
            lazyRender: true,
            mode: 'local',
            displayField: 'name',
            valueField: 'id',
            store: colors
        }]
    });
    var entitySearchWindow = new Ext.Window({
        layout: 'anchor',
        closable: true,
        resizable: false,
        draggable: false,
        modal: true,
        items: [entitySearchForm]
    });
    entitySearchWindow.show();
});


Sunday, 26 March 2017

Extjs loading FormPanel using Json Data

In this post i will explain about the loading the form with Json data.  Form panel having some fields like 3 textboxes on click of the button i will load the data.
Same time on click of clear button we can remove all text boxes values. The following example will show you how to do this.


Result:



Code:


Ext.onReady(function () {
    var entitySearchForm = new Ext.form.FormPanel({
        title: "Form loading with Json data",
        width: 425,
        frame: true,
        items: [{
            xtype: 'textfield',
            fieldLabel:'Name',
            allowBlank: false,
            name: 'name'
        }, {
            xtype: 'textfield',
            allowBlank: false,
            fieldLabel:'Location',
            name: 'location'
        }, {
            xtype: 'textfield',
            allowBlank: false,
            fieldLabel:'Department',
            name: 'department'
        }],
        buttons: [{
            text: "Load Data",
            listeners: {
                click: onbtnClick
            }
        }, {
            text: 'Clear',
            listeners: {
                click: onbtnClearClick
            }
        }]
    });

    var entitySearchWindow = new Ext.Window({
        layout: 'anchor',
        closable: true,
        resizable: false,
        draggable: false,
        modal: true,
        items: [entitySearchForm]
    });

    //Preparing the Json Data
    var record = {
        data: {
            name: 'Harikrishna',
            location: 'India',
            department: 'IT'
        }
    };

    function onbtnClick() {
        entitySearchForm.getForm().loadRecord(record);
    }

    function onbtnClearClick() {
        entitySearchForm.getForm().reset();
    }

    entitySearchWindow.show();
});

EXTJS3 JSON GRID

In last posts i explained about the Array grid and grouping grid. Now i will explain about the Json Grid.

Ext.onReady(function () {
    var Grid1Store = new Ext.data.JsonStore({
        root: 'users',
        fields: ['id', 'name', 'email'],
        //autoLoad: true,
        data: {
            users: [{
                "id": 1,
                "name": "John Smith",
                "email": "jsmith@example.com"
            }, {
                "id": 2,
                "name": "Anna Smith",
                "email": "asmith@example.com"
            }, {
                "id": 3,
                "name": "Peter Smith",
                "email": "psmith@example.com"
            }, {
                "id": 4,
                "name": "Tom Smith",
                "email": "tsmith@example.com"
            }, {
                "id": 5,
                "name": "Andy Smith",
                "email": "asmith@example.com"
            }, {
                "id": 6,
                "name": "Nick Smith",
                "email": "nsmith@example.com"
            }]
        }
    });

    var onReadyFunction = function () {

        var grid = new Ext.grid.GridPanel({
            renderTo: Ext.getBody(),
            frame: true,
            title: 'Database',
            width: 500,
            height: 300,
            store: Grid1Store,
            columns: [{
                header: "Id",
                dataIndex: 'id'
            }, {
                header: "Name",
                dataIndex: 'name'
            }, {
                header: "Email",
                dataIndex: 'email'
            }]
        });

    }
    Ext.onReady(onReadyFunction);

});