Wednesday, 24 October 2018

Learn How to Build Universal Applications using Ext JS 6.6 with Open Tooling starts in 1 Day

Dear Harikrishna,
This is a reminder that "Learn How to Build Universal Applications using Ext JS 6.6 with Open Tooling" will begin in 1 Day on:
Thu, Oct 25, 2018 10:30 PM - 11:30 PM IST 
Add to Calendar: Outlook® Calendar | Google Calendar™ | iCal®
Please send your questions, comments and feedback to:
How to Join the Webinar
1. Click the link to join the webinar at the specified time and date:
Join Webinar
Note: This link should not be shared with others; it is unique to you.
Before joining, be sure to check system requirements to avoid any connection issues.
2. Choose one of the following audio options:
When the webinar begins, you will be connected to audio using your computer's microphone and speakers (VoIP). A headset is recommended.
If you prefer to use your phone, you must select "Use Telephone" after joining the webinar and call in using the numbers below.
Netherlands: +31 202 251 019 
Access Code: 387-174-307
Audio PIN: Shown after joining the webinar
Calling from another country?
Webinar ID: 520-729-435 
To Cancel this Registration
If you can't attend this webinar, you may cancel your registration at any time.

Wednesday, 12 September 2018

What’s New in ExtReact 6.6

Learn What's New
in ExtReact 6.6
You’re invited to attend our upcoming webinar  and learn what’s new in ExtReact 6.6! This release includes support for the latest React framework version 16.5, including hundreds of pre-built UI components that you can easily integrate into your React 16.5 apps. ExtReact 6.6 adds new components, new theming options, new tooling, and new examples to help you create visually stunning React applications for your desktop and mobile devices.
Highlights include:
  • Support for the latest React 16.5 framework that is built on an entirely new underlying architecture, including support for the React dev tools profiler, updates to React DOM events, new scheduler and a number of bug fixes.
  • Support for Webpack 4, a static module bundler with performance improvements.
  • Support for Babel 7, a popular transpiler for JavaScript that can turn ES6 or ES7 into code that runs on your browsers and devices.
  • New ExtReact Application Generator to easily create ExtReact 6.6 based React apps.
  • New modern components - Time Panel, Time Field, and Gauges component with needles.
  • Widget cells support within grid rows to create advanced Grids that include widgets like button, progress bar, sparkline, etc.
  • Classic accessible components support along with the new beautiful accessible Graphite theme.
  • New Sencha Themer 1.3.3 support for ExtReact 6.6 apps to create customized themes for your apps.
  • Sencha Test 2.2 support for ExtReact 6.6 apps for end-to-end testing of ExtReact apps.
  • Updated Sencha Fiddle to support building ExtReact 6.6 apps.
  • Updated examples illustrating the use of REST API, TypeScript, modern components, conference app, classic components, and component kitchen sink.

Join us to see these new capabilities in action and ask your questions at our Q&A session. Can't join us live? No sweat! Register anyway and we'll send you a link to the recording afterwards. 

Webinar Details:
Date: Tuesday, September 18, 2018
Time: 10am PDT | 1pm EDT | 6pm BST
Duration: 60 Minutes

Monday, 10 September 2018

Ext JS with Open Tooling Deep Dive

Webinar: Ext JS with Open Tooling Deep Dive
We recently introduced Ext JS 6.6 with support for npm packaging and open tooling, providing JavaScript developers with exceptionally easy and familiar workflows to rapidly generate, build and update Ext JS apps. In this webinar we plan to take a deep dive into open tooling for Ex JS, including the ext-gen and ext-build tools.

Join us for this 1-hour session and you will learn: 

  • How ext-gen and ext-build work together
  • What the package.json for an open tooling app looks like
  • Several features within ext-gen, including things like verbose mode, interactive mode, and the config.json for the default parameters
  • How to use the webpack plugin to create a starter application
  • Tips on creating your own customized templates, including an overview of new templates that come with ext-gen
Webinar Details: 
Date: Tuesday, September 11, 2018
Time: 10am PDT / 1pm EDT / 6pm BST 
Duration: 60 Minutes

Thursday, 21 June 2018

New features in Sencha Ext JS 6.6

Sencha Ext JS 6.6. This release includes several major enhancements as well as support for npm packaging and open tooling for exceptionally easy workflows that every JavaScript developer is familiar with. With open tooling, Ext JS developers now have powerful tooling to rapidly generate, build and update Ext JS applications. 

New features in this release include: 
  • Ext JS npm Packages – Ext JS standard and premium components, themes and framework are now available in npm packages hosted on the Sencha npm repository
  • ExtGen – New open tool that lets you generate new Ext JS apps by asking you a series of questions and provides you with a number of new app templates
  • ExtBuild – New open tooling to build and transpile your apps
  • New modern components – Modern time field and time panel component that provides an analog time view based on material design specification
  • New beautiful Graphite theme that makes your accessible apps visually stunning 
  • Localization support for modern applications 
  • Dynamic Styling of applications using Material Theme 
  • Advanced Ext JS routing enhancements
  • Enhanced gauges component with improved ability to display interval values
Try Ext JS 6.6 with Open Tooling
Try Ext JS 6.6 with Cmd 6.6
– The Sencha Team

Resource: From Sencha 

Tuesday, 12 June 2018

ES6 - Arrow function with Array prototype find()

Hi Folks,

Today we are going see Arrow function using find() in Javascript.

find() method search the array of objects  and returns the value of the first element in the array that satisfied condition otherwise it will return undefined

Using this find() we should not to loop the entire object and it will give the result very fast compare to traditional looping.


var empData = [{"name":"Nookala",  "age": 30},
              {"name":"Gunti",  "age": 27},
              {"name":"Teki", "age": 25 },
              {"name":"Yennam", "age": 42 }];

Now are going to search positive scenario

var result = empData.find(o => === "Nookala");

Result will be

If There is no data in object.

Source: ECMA

Friday, 25 May 2018

How to make ExtJS Grid cell text selectable for Copy

Hi Folks,

In ExtJS Grid we have a config option to select the cell text selection, by default this option is false,
we have to make this config option to make it as true, then our ExtJs grid cell text as selectable.

viewConfig: {
                 enableTextSelection: true


Tuesday, 8 May 2018

How to add SSL host in Eclipse

Hello Folks,

Now going to explain a stage issue which i got today while working with git repository using Eclipse Oxygen IDE. Issue is  Egit unable to clone shared repository.

Even though having all permissions to clone the project from git in Eclipse IDE every time I got message like "401 Authorization required ". Worked on couple of hours what is the issue searched on eclipse forums but no luck, finally got to know that from solution architect this is kind issue you may get if SSL host is not allowing you.

Then we added this configuration in eclipse,  These are steps to overcome the issue.

Eclipse Preferences -> Team -> Git -> Configuration -> User Settings -> add Entry.

Add key as  http.sslVerify and false as Value -> apply and Ok.

Tuesday, 1 May 2018

Webinar: Learn How Ext JS Fits into Your Open Source Strategy

You're invited to join our webinar on May 10th at 10am PDT/1pm EDT, "Learn How Ext JS Fits into Your Open Source Strategy." You will learn how to easily add any of our 115+ professionally tested and supported Ext JS components including grid, tree grid, pivot grid, charts, D3 visualizations, trees, calendar, buttons, menus and more to your React or Angular apps.

Attend this webinar and you will learn how to: 
  • Build data-intensive, cross-platform web apps leveraging Ext JS components with React or Angular (and perhaps others)
  • Build immersive user engagement using layouts and adaptive design features
  • Leverage material design and other themes to save time and effort. Modify or extend themes without writing a single line of code
Join us and you will also get a sneak peek into plans for NPM and webpack tooling for Ext JS.

Event Details:
DateThursday, May 10, 2018
Time10:00am PDT / 1:00pm EDT / 6:00pm BST
Duration: 60 Minutes
Speaker: Marc Gusmano
Marc is a Solutions Architect with Sencha and is passionate about building outstanding software, especially leading-edge, user-centric applications. He has more than 30 years of experience in the software services industry, and has been extensively involved with custom HTML5 browser and mobile development projects, using his experience to build HTML5 Single Page Applications.

Tuesday, 20 March 2018

Early Access for Sencha Plugin for Visual Studio 2017 is Now Available

Sencha Plugin for Visual Studio 2017 Early Access

Sencha  announced the early access version of the Sencha Plugin for Visual Studio 2017 is now available. Sencha Visual Studio Plugins were created with the goal of streamlining the development process for Sencha Ext JS developers using Visual Studio IDEs and to help developers build their applications faster.

Try the following features:
  • Quickly create new web application projects for Sencha Ext JS frameworks with a starter template
  • Easily add Ext JS app, Ext JS classes (view, model, controller, store), Ext JS workspaces and view packages
  • Easily integrtae with build and debugging tools by watching source code changes and rebuilding using Sencha Cmd
  • Easily navigate code b clicking on references and go to definition for class name, xtypes, config keys, events and more
  • IntelliSense support for Ext JS
Read the blog for more information or download now

Try the Sencha Plugin for Visual Studio 2017 early access version and tell us what you think by completing a short survey. You can also share your feedback in the Visual Studio Plugin forum

– The Sencha Team

Friday, 16 February 2018

Sencha ExtJS how to select Grid First row

In ExtJs Grid we can select the first row when the grid is loaded.

Sencha Extjs grid. we can do it  as store load callback like this.

Now am getting the grid from my view.

  var myGridstore = this.getViewModel().getStore('myStore');
     var myGrid = this.getView().down('grid');
                    callback: function(records, operation, success, response) {
                    //Grid row index start from Zero.

Thursday, 15 February 2018

Sencha Extjs What is the use of Ext.beforeLoad in index.html

In Extjs we have  Ext.beforeLoad  method in sencha cmd generated file index.html.

We have to know what is the purpose of Ext.beforeLoad.

This function is called by the Microloader after it has performed basic device detection. The results are provides in the tags object are.

android: 0

androidstock: 11

bada: 0

blackberry: 0

chrome: 0

chromeios: 0

chromemobile: 0

chromeos: 0

cordova: false

desktop: true

dolfin: 0

edge: 0

firefox: 0

ie: 0

ie8: 0

ie8m: 0

ie8p: 0

ie9: 0

ie9m: 0

ie9p: 0

ie10: 0

ie10m: 0

ie10p: 0

ie11: 0

ie11m: 0

ie11p: 0

ie12: 0

ie12m: 0

ie12p: 0

ios: 0

ipad: 0

iphone: 0

ipod: 0

linux: 0

mac: true

opera: 0

phone: false

phonegap: false

rimtablet: 0

safari: 11

silk: 0

tablet: false

tizen: 0

touch: undefined

webos: 0

webosbrowser: 0

webview: false

windows: 0

windowsphone: 0

         use these tags here or even add custom tags. These can be used by platform
        filters in your manifest or by platformConfig expressions in your app.

Ext.beforeLoad = function (tags) {
            var s =,
            if (s.match(/\bclassic\b/)) {
                profile = 'classic';
            else if (s.match(/\bmodern\b/)) {
                profile = 'modern';
            else {
                profile = tags.desktop ? 'classic' : 'modern';
                //profile = ? 'modern' : 'classic';

            Ext.manifest = profile;


Tuesday, 13 February 2018

Sencha Extjs how to find deviceType

This is very useful while working on responsive applications, some places we need to know the what is DeviceType and operating system like that.

Extjs came with os singleton class  Ext.os

Provides information about the current operating system environment.

Like below:

    1. deviceType
    2. name:"Android"
    3. version:Version
      1. build:0
      2. major:5
      3. minor:0
      4. pad:0
      5. patch:0
      6. releaseValue:0
      7. shortVersion:"50"
      8. version:"5.0"

Sencha Extjs How to make textfield as password field

Today am going to tell basic thing how to make textfield like as a password field.

We have predefind component for modern but not for classic  so we have to make with inputType config.

writing at the time of field declaration. using inputType config.

        xtype: 'textfield',
        name: 'password',
        msgTarget: 'under',
        allowBlank: false,
        labelSeparator: '',
        fieldLabel: 'Password',
        maxLength: 16,
        enforceMaxLength: true,
        reference: 'password',
        inputType: 'password'

Monday, 22 January 2018

ngHyderabad February Chapter

Saturday, February 3, 2018

ngHyderabad February Chapter


NativeScript Angular by Shiva Prasad, an Angular evangelist and Native Script contributor.

Writing cross-platform mobile apps is not as easy as it may seem. On one hand, it can save money to use a JavaScript-based cross-platform mobile framework. But on the other hand, we'd like to be able to give app users the speed and elegance of a native app.

NativeScript is one such cross platform framework which let's us have the best of both worlds. The UI will be converted to truly native mobile UI, on Android and iOS, while still letting us seamlessly access native API using JavaScript / TypeScript. NativeScript provides day 0 access to 100% of the NativeAPI. What's more, you can even do code sharing between your Web and Mobile application.

Join us as we'll uncover more of the awesomeness of NativeScript.

More about the presenter here

Talk 2 - Boost Angular Application Performance by Pankaj Parkar. Discuss considerations and best practices for better performing Angular applications. Pankaj is one of the top contributor on Stack Overflow. Currently, he is top 5th user for AngularJS and top 10th user Angular 2+ tags on Stackoverflow. He is a Microsoft MVP and a tech enthusiast.

Saturday, February 3, 2018
11:00 AM
 to 3:00 PM

3rd Floor, Apurupa Silpi, Beside H.P. Petrol Bunk, KFC Building, Rajiv Gandhi Nagar, Gachibowli, Hyderabad, Telangana · Hyderabad.