Top 100+ Ext Js Interview Questions And Answers
Question 1. What Is Ext Js?
Answer :
Ext JS stands for extended JavaScript. It is a JavaScript framework to expand rich UI web primarily based desktop applications.
Question 2. Ext Js Is Extended On Which Library?
Answer :
It is a Sencha product that's extended from YUI (Yahoo consumer interface).
Java Script Interview Questions
Question three. What Are The Main Library Files To Add In Html Page?
Answer :
These are the main files to consist of in HTML web page to run Ext JS code:
Ext-all.Js
Ext-all.Css
Question four. Explain Features Of Ext Js.?
Answer :
Customizable UI widgets with collection of wealthy UI such as Grids, pivot grids, bureaucracy, charts, timber.
Code compatibility of latest versions with the older one.
A bendy format supervisor facilitates to organize the show of facts and content material throughout more than one browsers, devices, and screen sizes.
Advance information package decouples the UI widgets from the facts layer. The statistics bundle allows patron-side collection of information using enormously useful fashions that allow features along with sorting and filtering.
It is protocol agnostic, and can get entry to information from any again-quit supply.
Customizable Themes Ext JS widgets are available in multiple out-of-the-box themes which are constant throughout structures.
Java Script Tutorial
Question five. Explain Advantage Of Using Ext Js.?
Answer :
Streamlines move-platform development throughout computers, capsules, and smartphones — for each modern and legacy browsers.
Increases the productiveness of improvement groups by means of integrating into corporation development environments through IDE plugins.
Reduces the cost of net utility improvement.
Empowers groups to create apps with a compelling consumer enjoy.
It has set of widgets for making UI effective and easy.
It follows MVC structure so incredibly readable code.
HTML+Javascript Interview Questions
Question 6. Explain Limitations Of Using Ext Js.?
Answer :
The length of library is big round 500 KB which makes initial loading time greater and makes utility sluggish.
HTML is full of tags makes it complicated and difficult to debug.
According to wellknown public license policy it's far loose for open supply packages but paid for business applications.
Some instances for loading even simple things calls for few traces of coding that is simpler in undeniable html or Jquery.
Need quite skilled developer for growing Ext JS applications.
Question 7. What Are The Browser Ext Js Supports?
Answer :
Ext JS supports cross browser compatibility, it supports all foremost browsers as:
IE 6 and above
Firefox three.6 and above
Chrome10 and above
Safari 4 and above
Opera 11 and above
J Query Tutorial J Query Interview Questions
Question 8. Ext Js Supports Which Architecture?
Answer :
Ext JS 4+ supports MVC (Model view controller) structure. From Ext JS 5 it started assisting MVVM (Model View Viewmodel) also.
Question 9. What Is The Latest Version Of Ext Js And Its Benefits?
Answer :
Ext JS 6 is the latest model of Ext JS which has principal advantage that it can be used for both computing device and in addition to cellular applications. Basically it is a merge of Ext JS (computing device programs) and Sencha contact (mobile application).
JavaServer Faces (JSF) Interview Questions
Question 10. Advice For The Developer Who Are Going To Use It For The First Time.?
Answer :
Ext JS is a JavaScript framework so to start the usage of it you must use have earlier know-how of HTML and JS (no longer expert level however must have simple understanding). Then it takes to apprehend the basic so deliver it time and examine steadily.
JavaServer Faces (JSF) Tutorial
Question 11. Difference Between Ext Js And Jquery.?
Answer :
Both the frameworks are quite extraordinary we will evaluate Ext JS and jQuery UI as Ext JS is complete-fledged UI rich framework. But nevertheless Ext JS has plenty more additives then jQuery UI.
Java Interview Questions
Question 12. What Do You Know About Different Versions Of Ext Js?
Answer :
Ext JS 1.1
The first model of Ext JS became advanced via Jack Slocum in 2006. It changed into a fixed of software instructions that's an extension of YUI. He named the library as YUI-ext.
Ext JS 2.Zero
Ext JS model 2.0 changed into launched in 2007. This model had new API documentation for computer Application with restrained capabilities. This model does not had backward compatibility with preceding model of Ext JS.
Ext JS 3.Zero
Ext JS version three.Zero was launched in 2009. This version brought new capabilities as chart and list view however at the cost of pace. It had backwards well suited with version 2.0.
Ext JS four.Zero
After the discharge of Ext JS three the builders of Ext JS had the principal undertaking of ramping up the rate. Ext JS version 4.Zero become launched in 2011. It had the whole revised shape which accompanied by way of MVC architecture and a fast application.
Ext JS five.0
Ext JS model five.0 became launched in 2014. The principal change in this launch become to trade the MVC architecture to MVVM architecture. It includes the capability to construct computer apps on touch-enabled devices, two-manner records binding, responsive layouts and many extra features.
Ext JS 6.0
Ext JS 6 merges the Ext JS (for computer application) and sencha contact (for cell application) framework.
Java Script Interview Questions
Question thirteen. What Are The Different Ext Js Components?
Answer :
Ext JS has various UI components some of the majorly used components are:
Grid
Form
Message Box
Progress Bar
Tool Tip
Window
HTML Editor
Charts
Java Tutorial
Question 14. What Is Xtype In Ext Js?
Answer :
xType defines the type of Ext JS UI thing, that is decided for the duration of rendering of the component. E.G. TextField, Numeric, button etc.
Question 15. What Is Vtype In Ext Js?
Answer :
This is the validation type can be customized without problems. Few vType furnished by using Ext JS are:
alphanumText: This returns false if the text entered has any symbol other than alphabate or numeric cost.
EmailText: This returns fake, if textual content isn't always a legitimate e mail address.
Javascript Objects Interview Questions
Question 16. Can Ext Js Be Integrated With Ajax If Yes Then Explain A Simplest Use Of It?
Answer :
Yes Ext JS may be integrated with Ajax. Implementation as: suppose on some text box after blur it has to validate the facts from server for that we will have an Ajax call onblur/onchange to the text container identity to test whether or not the records entered within the text field is present in server/database.
Javascript Objects Tutorial
Question 17. Can Ext Js Be Integrated With Other Server Side Frameworks?
Answer :
Yes Ext JS may be included with different server facet framework which includes Java, .Internet, Ruby on rails, PHP, ColdFusion etc.
Javascript Advanced Interview Questions
Question 18. Explain About Ext Js Implementation Tools.?
Answer :
Ext JS can be implemented on any famous integrated development surroundings (IDE) inclusive of Eclipse, Aptana, Sublime, Webstorm and so on.
HTML+Javascript Interview Questions
Question 19. What Are The Way To Access Dom Elements In Ext Js?
Answer :
These are few ways to access DOM factors in Ext JS:
Ext.Get()
Ext.GetElementById()
Ext.Fly()
Ext.Pick()
Javascript Advanced Tutorial
Question 20. What Is Viewmodel In Mvvm Architecture?
Answer :
MVVM architecture: is Model View Viewmodel. In MVVM architecture controller of MVC is replaced by using ViewModel.
ViewModel: It is essentially medicates the adjustments between view and model. It binds the data from model to view. At the same time it does now not have any direct interplay with view it has best know-how of version.
Dojo Toolkit Interview Questions
Question 21. Write A Listener For A Button Click.?
Answer :
Ext.GetCmp('buttonId').On('click on', function() // declaration to perform common sense );
Question 22. Explain The Use Of Ext.Onready().?
Answer :
Ext.OnReady() is the first method which is known as whilst the DOM is absolutely loaded so that something element you want to refer can be available when script runs.
Java 8 Tutorial
Question 23. Write A Listener For Any Div Element Clicked On The Page.?
Answer :
Ext.Choose('div').On('click', characteristic() // statement to perform good judgment );
Java collections framework Interview Questions
Question 24. What Are The Different Type Of Alert Boxes In Ext Js?
Answer :
Different type of alert bins in Ext JS are:
Ext.MessageBox.Alert();
Ext.MessageBox.Confirm();
Ext.MessageBox.Wait();
Ext.MessageBox.Prompt();
Ext.MessageBox.Show();
J Query Interview Questions
Question 25. What Is The Base Class For Store, Model & Controller?
Answer :
Base instructions for Store is Ext.Records.Store
For model is Ext.Information.Model
For Controller is Ext.App.Controller
Java XML Tutorial
Question 26. What Are The Different Ways For Event Handling In Ext Js?
Answer :
These are the exceptional ways for occasion managing:
Using Listeners
Attaching activities later
Using custom occasions
Java 8 Interview Questions
Question 27. How To Get No Of Records In The Store?
Answer :
Store.GetCount() – For cached data
Store.GetTotalCount() – For general no of records in the DB.
JavaServer Faces (JSF) Interview Questions
Question 28. How To Get Modified Records In The Store?
Answer :
Store.GetModifiedRecords()technique is used to get changed facts.
JSON (JavaScript Object Notation) Tutorial
Question 29. How To Update Records In The Store?
Answer :
Store.CommitChanges() method to update shop changes.
Java XML Interview Questions
Question 30. How To Get Store Record Using Index?
Answer :
If we have grid Id : Ext.GetCmp('gridId').GetStore().GetAt(index);
If we've save Id: Ext.GetStore('storeId').GetAt(index);
Question 31. What Is Function To Load Store Data?
Answer :
Store.Load();
JavaFX Tutorial
Question 32. Write The Base Classes For Form, Grid, Chart, Panel & Tree.
Answer :
Base magnificence for Grid - Ext.Grid.GridPanel
For shape – Ext.Form.Panel
For panel – Ext.Panel.Panel
For chart – Ext.Chart.Chart
For tree – Ext.Tree.Panel
JSON (JavaScript Object Notation) Interview Questions
Question 33. What Are The Different Type Of Layouts In Ext Js?
Answer :
Different type of layouts are:
Absolute
Accordion
Anchor
Border
Auto
hBox
vBox
Card(TabPanel)
Card(Wizard)
Column
Fit
Table
Java Interview Questions
Question 34. How To Apply Pagination To The Grid?
Answer :
This can be finished the use of pagingToolbar() as:
new Ext.PagingToolbar(
pageSize: 25,
keep: shop,
displayInfo: proper,
displayMsg: 'Displaying subjects 0 - 1 of 2',
emptyMsg: 'No topics to show',
);
// trigger the records shop load
save.Load(params:begin:zero, restriction:25);
How to feature docked item?
DockedItems: [
xtype: 'toolbar',
items: [
id:'buttonId',
handler: function()
Ext.Msg.Alert('title','alertMsg');
);
]
]
Question 35. What Is Loadmask And Its Use?
Answer :
Loadmask is used to prevent another operation by using displaying loading(or Custom message) to the consumer till statistics receives rendered to the grid. Loadmask: actual; is the property to reveal loadmask while statistics getting rendered to the grid.
Question 36. What Is Renderer And Its Use?
Answer :
Renderer is used while we need to manipulate the records which we get from save to expose manipulated records based on a few criteria. It is a column belongings may be used as:
renderer: feature(price, metadata, file, rowIndex, colIndex, store)
// common sense to perform
Javascript Objects Interview Questions
Question 37. How To Get Value Of An Element In Ext Js?
Answer :
Ext.GetCmp('identification').GetValue();
Question 38. How To Hide Column In The Grid?
Answer :
Hidden: genuine;
Question 39. What Is The Property For Sorting In The Grid?
Answer :
Sortable: true; that is default real.
Question 40. How To Write Before And After Load Events In The Store?
Answer :
grid.GetStore().On(
beforeload : function(shop)
// perform a few operation
,
load :
fn : feature(store)
//carry out some operation
,
scope : this
store.Load();
);
Javascript Advanced Interview Questions
Question 41. How Ext Js 6 Can Be Used For Both Desktop And Mobile Applications?
Answer :
Ext JS 6 has toolkit bundle with which it can encompass visible elements of each the frameworks (Ext JS and Sencha Touch).
It can be brought as:
'toolkit': 'traditional', // or 'present day'
If toolkit is conventional it consists of Ext JS computing device utility framework.
And if toolkit is modern then it includes sencha contact mobile utility framework.
Question 42. Tell Me What Is Maximum Size Of Http Post Request?
Answer :
Microsoft Internet Explorer has a maximum uniform aid locator (URL) length of 2,083 characters. Internet Explorer additionally has a maximum direction period of 2,048 characters. This restriction applies to both POST request and GET request URLs.
Dojo Toolkit Interview Questions
Question 43. Explain Namespace Importance?
Answer :
An example which makes use of three exceptionally exclusive units of scripts from one-of-a-kind groups. We use Ext JS for enhancements, Google Analytics for monitoring web site utilization and the local vBulletin scripts. You can see how all of this code from distinct resources has been covered in the equal page.
Namespacing is important for developers so that it will arrange their code and make sure that their code isn't overwritten while loaded in the JavaScript interpreter. If some other developer defines a variable with the identical call your existing definition will be overwritten.
Because JavaScript is a functionally scoped language growing a characteristic and/or variable which isn't always wrapped in any other characteristic will bring about that variable being created within the worldwide scope (window). To fight this, builders region their training in Objects.
As the consumer-aspect JavaScript covered in web packages receives large and greater superior, organisation of 3rd celebration code and your own code turns into more and more essential. Using namespaces will make certain your JavaScript code is secure from other code overwriting it inside the international namespace.
Example grid pre-configured class,observe config, Register Grid , used as xtype
http://examples.Extjs.European/ (grid in border format)
Question 44. Explain Extjs Vs Jquery?
Answer :
ExtJs and JQuery are type of apples and oranges. You can compare Ext Core to JQuery, and ExtJs to JQuery UI.
Ext JS is a full-fledged widget library even as jQuery (no longer jQuery UI) and Mootools are JavaScript frameworks that help with DOM manipulation and so on.
Whilst jQuery and Mootools help with the overall workings of a site.
JQuery UI is a miles much less wealthy set of components.
Ext JS seems to be focussed on tables and storing facts, plus manipulating it.
